/** InstrumentsVE Space design tokens. */
:root {
  color-scheme: light;

  --color-brand-50: #eafbfd;
  --color-brand-100: #cff6fa;
  --color-brand-200: #9cecf3;
  --color-brand-300: #62dce8;
  --color-brand-400: #35c6d6;
  --color-brand-500: #18aaba;
  --color-brand-600: #118997;
  --color-brand-700: #126e7a;
  --color-brand-800: #155966;
  --color-brand-900: #154a55;

  /* Compatibility aliases used across the proven commerce UI. */
  --color-plum-100: #d7e6ea;
  --color-plum-300: #8caab2;
  --color-plum-500: #527783;
  --color-plum-700: #173743;
  --color-plum-900: #07151d;
  --color-cream-50: #f8fbfc;
  --color-cream-100: #f2f7f8;
  --color-cream-200: #e5eef0;
  --color-cream-300: #cfdee2;
  --color-cocoa-500: #607980;
  --color-cocoa-700: #324c55;
  --color-cocoa-900: #0b2029;

  --color-white: #ffffff;
  --color-black: #02080b;
  --color-success: #157a62;
  --color-warning: #9a6411;
  --color-danger: #b4233d;
  --color-info: #16738f;

  --surface-page: var(--color-cream-100);
  --surface-raised: var(--color-white);
  --surface-soft: var(--color-brand-50);
  --surface-strong: var(--color-plum-900);
  --surface-scrim: rgb(2 8 11 / 72%);
  --text-primary: var(--color-cocoa-900);
  --text-secondary: var(--color-cocoa-700);
  --text-muted: var(--color-cocoa-500);
  --text-inverse: var(--color-white);
  --border-subtle: var(--color-cream-300);
  --border-strong: var(--color-plum-300);
  --action-primary: var(--color-brand-500);
  --action-primary-hover: var(--color-brand-400);
  --action-primary-active: var(--color-brand-600);
  --action-disabled: #91a3a8;
  --focus-ring: #22c7d7;

  --font-sans: Inter, "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --font-display: "Arial Narrow", "Avenir Next Condensed", Inter, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
  --font-size-2xl: clamp(2rem, 1.55rem + 2vw, 3.4rem);
  --font-size-3xl: clamp(2.9rem, 2rem + 4vw, 6.2rem);
  --line-height-tight: 0.98;
  --line-height-heading: 1.08;
  --line-height-body: 1.65;
  --letter-spacing-tight: -0.045em;
  --letter-spacing-wide: 0.12em;

  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-xs: 0.3rem;
  --radius-sm: 0.55rem;
  --radius-md: 0.85rem;
  --radius-lg: 1.2rem;
  --radius-xl: 1.8rem;
  --radius-pill: 999px;

  --shadow-xs: 0 1px 2px rgb(5 26 35 / 8%);
  --shadow-sm: 0 10px 28px rgb(5 26 35 / 10%);
  --shadow-md: 0 22px 56px rgb(5 26 35 / 16%);
  --shadow-lg: 0 34px 90px rgb(2 8 11 / 30%);

  --duration-fast: 140ms;
  --duration-normal: 240ms;
  --duration-slow: 420ms;
  --ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);

  --container-width: 78rem;
  --content-width: 46rem;
  --header-height: 4.75rem;
  --control-height: 3rem;
  --control-height-lg: 3.5rem;
  --z-header: 20;
  --z-overlay: 50;
  --z-toast: 70;
}