/*
  Ghost Zero Sports H1 design tokens. Machine readable, one source of truth.

  Values come from docs/design/H1-STYLE-GUIDE.md (sections 1.2, 1.3, 2.1 and 3) plus the
  lead's settled decisions (error colors). Names say the ROLE, never the value, so a value
  can change without renaming. `npm run tokens:check` compares this file to the guide and
  exits 2 on drift. Reference with roles, contrast and usage: docs/design/H1-DESIGN-SYSTEM.md.

  This file only declares custom properties. It styles nothing on its own.
*/

:root {
  /* Night surface (guide 1.2): public pages and the dark panels inside admin */
  --gzs-night: #0E0E12;
  --gzs-night-deep: #08080B;
  --gzs-raised: #15151B;
  --gzs-field: #1C1C24;
  --gzs-hairline: #2A2A35;
  --gzs-border-strong: #3A3A48;
  --gzs-control: #6E6E78;
  --gzs-grid-night: rgba(250, 250, 250, 0.035);
  --gzs-text-headline-night: #FFFFFF;
  --gzs-text-on-night: #FAFAFA;
  --gzs-text-bright: #E6E6EA;
  --gzs-text-soft-night: #D9D9DE;
  --gzs-text-secondary-night: #B8B8C0;
  --gzs-ok-night: #3DDC84;
  --gzs-error-night: #FF6B6B;

  /* The one main action (guide 1.2, 1.3, 7 item 1) */
  --gzs-action: #E63946;
  --gzs-action-hover: #C42D39;
  --gzs-action-admin: #C42B38;
  --gzs-action-admin-hover: #A3202B;
  --gzs-on-action: #FFFFFF;
  --gzs-arrow-divider: rgba(255, 255, 255, 0.4);

  /* Waiting and progress (guide 1.2, 1.3) */
  --gzs-waiting: #FFB020;
  --gzs-waiting-ring: rgba(255, 176, 32, 0.22);
  --gzs-waiting-text: #8A5300;
  --gzs-chip-amber-bg: #FFF1D6;
  --gzs-chip-amber-text: #6B4100;

  /* Paper surface (guide 1.3): public paper bands and all of admin */
  --gzs-paper: #F4F1EA;
  --gzs-grid-paper: rgba(14, 14, 18, 0.045);
  --gzs-surface: #FFFFFF;
  --gzs-surface-alt: #FBFAF6;
  --gzs-warm: #FFF8EA;
  --gzs-card-border: #D8D2C6;
  --gzs-row-line: #ECE7DD;
  --gzs-track: #E4DED2;
  --gzs-input-border: #8A8478;
  --gzs-swatch-credit: #8A8478;
  --gzs-ink: #0E0E12;
  --gzs-ink-hover: #2A2A35;
  --gzs-text-body: #23272E;
  --gzs-text-lead-paper: #2E3238;
  --gzs-text-secondary: #4A4F58;
  --gzs-ok-paper: #1B7A3D;
  --gzs-error-paper: #B42318;

  /* Overlays (guide 3, 4.12, 4.16) */
  --gzs-scrim: rgba(14, 14, 18, 0.62);
  --gzs-photo-plate: rgba(14, 14, 18, 0.92);
  --gzs-menu-offset: rgba(14, 14, 18, 0.18);

  /* Type families (guide 2.1) */
  --gzs-font-display: 'Archivo', Arial, sans-serif;
  --gzs-font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --gzs-font-mono: 'JetBrains Mono', monospace;

  /* Spacing, 8px steps (guide 3) */
  --gzs-space-1: 8px;
  --gzs-space-2: 16px;
  --gzs-space-3: 24px;
  --gzs-space-4: 32px;
  --gzs-space-5: 40px;
  --gzs-space-6: 48px;
  --gzs-space-7: 56px;
  --gzs-space-8: 64px;
  --gzs-space-9: 72px;

  /* Shape and touch (guide 3) */
  --gzs-radius: 0;
  --gzs-target: 44px;

  /* Layout (guide 3) */
  --gzs-gutter-public: 24px;
  --gzs-gutter-admin: 16px;
  --gzs-gutter-desktop: 60px;
  --gzs-content-max: 1320px;
  --gzs-rail: 232px;
  --gzs-aside: 396px;
  --gzs-stripe: 6px;
  --gzs-header-public: 56px;
  --gzs-header-public-desktop: 72px;
  --gzs-header-admin-desktop: 64px;
  --gzs-tabbar: 72px;
}