/**
 * ============================================================================
 * GENERATED FILE — do not edit by hand.
 * 
 * Source: tokens/<surface>.tokens.json (W3C-DTCG, edited via Figma's
 * Tokens Studio plugin or by hand). Regenerate with:
 * 
 *     docker compose exec web python manage.py tokens_build
 * 
 * The drift scanner (tests_tokens_build_drift) fails CI on hand edits.
 * See docs/design/process/figma-sync.md.
 * ============================================================================
 */

:root {
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --z-base: 0;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
  --foil-lb-surface: #ffffff;
  --foil-lb-surface-alt: #f6f7f9;
  --foil-lb-ink: #242424;
  --foil-lb-ink-2: #424242;
  --foil-lb-legal-ink: #888888;
  --foil-lb-accent: #115ea3;
  --foil-lb-accent-wash: #4e9fff14;
  --foil-lb-border: #e0e0e0;
  --foil-lb-border-2: #d1d1d1;
  --foil-lb-tile-border: #4e9fff29;
  --foil-lb-card-shadow: #141c280f;
  --foil-lb-rule-1: #a8dcff;
  --foil-lb-rule-2: #5fa8ff;
  --foil-lb-rule-3: #d2eeff;
  --foil-lb-rule-4: #7c8cff;
  --foil-lb-rule-5: #8fd4ff;
  --foil-lb-grad-from: #4e9fff;
  --foil-lb-glow-from: #4e9fff29;
  --foil-lb-glow-to: #4e9fff00;
  --foil-lb-footer-bg: #444444;
  --foil-lb-footer-ink: #aaaaaa;
  --foil-lb-footer-divider: #888888;
  --foil-lb-footer-sep: #616161;
  --foil-lb-track: #f0f0f0;
  --foil-lb-track-edge: #e6e6e6;
  --surface-canvas: var(--prim-grey-98);
  --surface-raised: var(--prim-grey-94);
  --surface-overlay: var(--prim-white);
  --surface-frosted-overlay: var(--prim-blur-md); /** Default backdrop-blur for popovers, command palettes, drawers */
  --on-surface-primary: var(--prim-grey-14);
  --on-surface-secondary: var(--prim-grey-26);
  --on-surface-tertiary: var(--prim-grey-38);
  --on-surface-disabled: var(--prim-grey-74);
  --on-accent-primary: var(--prim-white);
  --accent-primary: var(--prim-blue-80);
  --accent-secondary: var(--prim-blue-70);
  --critical-primary: var(--prim-red-500);
  --critical-bg: var(--prim-red-100);
  --critical-border: var(--prim-red-300);
  --warning-primary: var(--prim-orange-500);
  --warning-bg: var(--prim-orange-100);
  --warning-border: var(--prim-orange-300);
  --success-primary: var(--prim-green-500);
  --success-bg: var(--prim-green-100);
  --success-border: var(--prim-green-300);
  --info-primary: var(--prim-blue-70);
  --info-bg: var(--prim-blue-160);
  --info-border: var(--prim-blue-140);
  --border-subtle: var(--prim-grey-90);
  --border-strong: var(--prim-grey-80);
  --focus-ring: var(--prim-blue-80);
  --motion-duration-fast: var(--prim-duration-150);
  --motion-duration-medium: var(--prim-duration-250);
  --motion-duration-slow: var(--prim-duration-400);
  --motion-easing-standard: var(--prim-curve-easy);
  --motion-easing-decelerate: var(--prim-curve-decel);
  --motion-easing-accelerate: var(--prim-curve-accel);
  --density-row: var(--prim-space-7);
  --density-cell: var(--prim-space-6);
  --density-stack: var(--prim-space-7);
  --foil-holo-1: var(--prim-foil-1);
  --foil-holo-2: var(--prim-foil-2);
  --foil-holo-3: var(--prim-foil-3);
  --foil-holo-4: var(--prim-foil-4);
  --foil-holo-5: var(--prim-foil-5);
  --foil-paper: var(--prim-paper-cool); /** Certificate / card paper surface (Foil landing) — cool off-white */
  --foil-canvas: var(--prim-canvas-cool); /** Page background + toned bands (Foil landing) — cool neutral, matches the design */
  --foil-gold: var(--prim-gold-500); /** Editorial gold accent (Foil landing) */
  --foil-stamp: var(--prim-ink-stamp); /** Certificate stamp ink (Foil landing) */
  --foil-hd-paper: var(--prim-paper-specimen); /** Specimen document paper (hero diptych) */
  --foil-hd-pattern-certificate: var(--prim-guilloche-green); /** Security pattern ink, specimen birth certificate */
  --foil-hd-pattern-apostille: var(--prim-guilloche-blue); /** Security pattern ink, specimen apostille */
  --foil-hd-stamp-ink: var(--prim-ink-stamp-red); /** "VERIFIED / True translation" rubber stamp on the specimen */
  --foil-hd-paper-1: var(--prim-hd-paper-1); /** Certificate specimen paper gradient stop 1 */
  --foil-hd-paper-2: var(--prim-hd-paper-2); /** Certificate specimen paper gradient stop 2 */
  --foil-hd-paper-3: var(--prim-hd-paper-3); /** Certificate specimen paper gradient stop 3 */
  --foil-hd-paper-flat: var(--prim-hd-paper-flat); /** Apostille specimen paper + preview card surface */
  --foil-hd-ink: var(--prim-hd-ink); /** Specimen ink + rules */
  --foil-hd-card-border: var(--prim-hd-card-border); /** Preview card border */
  --foil-hd-panel-bg: var(--prim-hd-panel-bg); /** Translation panel surface */
  --foil-hd-panel-border: var(--prim-hd-panel-border); /** Translation panel border */
  --foil-hd-panel-shadow: var(--prim-hd-panel-shadow); /** Translation panel blue shadow colour */
  --foil-hd-sheet-shadow: var(--prim-hd-sheet-shadow); /** Specimen sheet shadow colour */
  --foil-hd-label: var(--prim-hd-label); /** Pane label colour */
  --foil-hd-accent: var(--prim-hd-accent); /** TRANSLATE TO accent */
  --foil-hd-control-border: var(--prim-hd-control-border); /** Language button border */
  --foil-hd-control-border-hover: var(--prim-grey-74); /** Language button border on hover. DARKER than hd-control-border (#cccccc); colorNeutralStroke1 (#d1d1d1) is LIGHTER, i.e. the wrong direction for a press affordance. */
  --foil-hd-trigger-ink: var(--prim-hd-trigger-ink); /** Preview language trigger label ink */
  --foil-lb-track-hover: var(--prim-grey-88); /** Hover for a chip sitting ON the lb-track bed. NOT colorNeutralBackgroundHover: that token is grey-94 (#f0f0f0), which is the track's OWN colour, so it paints a zero delta here. */
  --foil-lb-chip-hover: var(--prim-grey-96); /** Hover for the RAISED (active) white chip on the lb-track bed. */
}