/* ORYZO design system tokens — extracted from telepathicinstruments.com
   (shared with the orchid-replica build's @theme). Single source of truth. */
:root {
  /* Colors */
  --color-solder-orange: #ff6c2f;
  --color-bone: #d7cdb8;
  --color-signal-white: #ffffff;
  --color-linen-gray: #e5e7eb;
  --color-fog: #c2c2c2;
  --color-soft-mist: #dddee2;
  --color-ash: #a3a3a3;
  --color-carbon-black: #000000;
  --color-deep-charcoal: #191919;

  /* Typography — Font Families
     The v2 (ORYZO) Figma is built in DM Sans; DM Mono carries the technical
     labels (announcement, nav, footer). Tokens fall back to the ORYZO spec face. */
  --font-suisse-intl: 'DM Sans', 'Suisse Intl', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-suisse-intl-mono: 'DM Mono', 'Suisse Intl Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Typography — Scale */
  --text-caption: 12px;
  --leading-caption: 1.25;
  --text-body-sm: 14px;
  --leading-body-sm: 1.43;
  --text-body: 16px;
  --leading-body: 1.5;
  --text-subheading: 18px;
  --leading-subheading: 1.4;
  --text-heading-sm: 20px;
  --leading-heading-sm: 1.25;
  --tracking-heading-sm: -0.4px;
  --text-heading: 24px;
  --leading-heading: 1.2;
  --tracking-heading: -0.48px;
  --text-display: 100px;
  --leading-display: 0.85;
  --tracking-display: -3px;

  /* Typography — Weights */
  --font-weight-regular: 400;
  --font-weight-medium: 500;

  /* Spacing */
  --spacing-unit: 8px;
  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-40: 40px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;

  /* Layout */
  --page-max-width: 1440px;
  --section-gap: 80px;
  --card-padding: 24px;
  --element-gap: 12px;

  /* Border Radius */
  --radius-sm: 2px;
  --radius-3xl: 24px;
  --radius-3xl-2: 32px;
  --radius-full: 64px;

  /* Named Radii */
  --radius-tags: 2px;
  --radius-cards: 24px;
  --radius-inputs: 2px;
  --radius-buttons: 9999px;
  --radius-navpill: 64px;
  --radius-largesurfaces: 32px;

  /* Surfaces */
  --surface-page-canvas: #e5e7eb;
  --surface-card-surface: #ffffff;
  --surface-soft-tint: #dddee2;
  --surface-muted-fill: #c2c2c2;
  --surface-featured-wash: #ff6c2f;
}