/* VYNE design tokens: shared by the public website (/assets/brand/) and the admin panel (/admin/brand/).
   Colours follow the Windows client's Design/Tokens.xaml so the site, the admin and the app look like one product. */
@font-face {
  font-family: "Inter";
  src: url("./inter-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --bg: #080a0f;
  --bg-2: #0a0d12;
  --surface: #0d1118;
  --surface-2: #111722;
  --elevated: #141b27;
  --input: #090d13;
  --navy: #0f1b3d;

  --accent: #2563eb;
  --accent-hover: #3b82f6;
  --accent-pressed: #1f54c8;
  --accent-2: #38bdf8;
  --accent-3: #818cf8;
  --selection: #172554;
  --link: #60a5fa;

  --text: #f1f5f9;
  --text-2: #a8b3c4;
  --muted: #7c8799;
  --disabled: #485162;

  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #3b82f6;

  --border: #202938;
  --border-strong: #293548;
  --border-hover: #364153;

  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-xl: 26px;

  --shadow-1: 0 1px 2px rgb(0 0 0 / .4), 0 1px 1px rgb(0 0 0 / .25);
  --shadow-2: 0 10px 30px -12px rgb(0 0 0 / .65), 0 2px 6px rgb(0 0 0 / .35);
  --shadow-glow: 0 0 0 1px rgb(59 130 246 / .35), 0 12px 40px -12px rgb(37 99 235 / .55);

  --font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --mono: ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, monospace;

  --ease: cubic-bezier(.2, .7, .2, 1);
  --focus: 0 0 0 3px rgb(59 130 246 / .45);
}

::selection { background: var(--selection); color: var(--text); }