/* ORBIX design tokens */
:root {
  --red: #E60028;
  --red-600: #C70022;
  --red-soft: rgba(230, 0, 40, .09);
  --charcoal: #0B0B0B;
  --gray: #6B7280;
  --light-gray: #E5E7EB;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --fs-xs: .78rem; --fs-sm: .9rem; --fs-md: 1rem; --fs-lg: 1.2rem;
  --fs-h3: clamp(1.15rem, 1rem + .5vw, 1.4rem);
  --fs-h2: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
  --fs-h1: clamp(2.3rem, 1.2rem + 3.2vw, 3.5rem);

  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 999px;
  --container: 1200px;
  --header-h: 72px;
  --ease: cubic-bezier(.2, .7, .2, 1);

  color-scheme: light;
}

:root[data-theme="light"] {
  --bg: #FFFFFF;
  --bg-alt: #F6F6F7;
  --surface: #FFFFFF;
  --surface-2: #F1F2F4;
  --text: #0B0B0B;
  --text-muted: #5B6270;
  --border: #E5E7EB;
  --shadow: 0 1px 2px rgba(11,11,11,.05), 0 10px 30px -12px rgba(11,11,11,.14);
  --header-bg: rgba(255,255,255,.82);
  --footer-bg: #F1F2F4;
}

:root[data-theme="dark"] {
  --bg: #0B0B0B;
  --bg-alt: #111112;
  --surface: #161617;
  --surface-2: #1E1E20;
  --text: #FFFFFF;
  --text-muted: #A3A8B3;
  --border: #2A2A2D;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 36px -14px rgba(0,0,0,.7);
  --header-bg: rgba(11,11,11,.8);
  --footer-bg: #0B0B0B;
  --red-soft: rgba(230, 0, 40, .16);
  color-scheme: dark;
}