/* Мирано — токены. Палитра только из знака: чёрный, сталь, тёплый свет, холодный свет. */
:root {
  color-scheme: dark;

  --black: #030304;
  --ink: #07080a;
  --steel-900: #121316;
  --steel-700: #34383d;
  --steel-500: #6a6f75;
  --steel-300: #a3a7af;
  --steel-100: #d4d7db;
  --light: #f5f5f2;          /* тёплый свет, текст */
  --cold: #9eb6dd;           /* холодный свет: фокус, активное */
  --navy: #16294e;           /* глубина «горизонта» */

  --text: var(--light);
  --text-2: rgba(245, 245, 242, 0.62);
  --text-3: rgba(245, 245, 242, 0.38);
  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(255, 255, 255, 0.14);

  /* стекло */
  --glass-fill: linear-gradient(155deg, rgba(255,255,255,.085) 0%, rgba(255,255,255,.028) 38%, rgba(255,255,255,.014) 62%, rgba(255,255,255,.05) 100%), rgba(6,7,10,.46);
  --glass-rim: linear-gradient(135deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,.09) 26%, rgba(255,255,255,.02) 50%, rgba(158,182,221,.22) 74%, rgba(255,255,255,.45) 100%);
  --glass-blur: blur(14px) saturate(160%);
  --glass-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(255,255,255,.035), 0 40px 90px -40px rgba(0,0,0,.9);
  --film: conic-gradient(from var(--film-a, 0deg), rgba(158,182,221,.9), rgba(245,245,242,.9), rgba(186,170,236,.75), rgba(150,226,222,.75), rgba(158,182,221,.9));

  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 40px;
  --r-full: 999px;

  --font-sans: "Onest", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --ease-glass: cubic-bezier(0.42, 0, 0.58, 1);
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --container: 1200px;
}

@property --film-a { syntax: "<angle>"; inherits: true; initial-value: 0deg; }