/* Saga's design tokens for prototypes: a copy of `@theme static` in src/global.css.
 * Kept in step by src/shared/prototype-kit.test.ts (it fails when they differ). */
:root {
  --color-basalt: #0c0d0d;
  --color-granite: #1d2022;
  --color-bone: #ece6da;
  --color-stone: #8f897f;
  --color-ochre: #c8502f;
  --color-ember: #e8805f;
  --color-lichen: #8db07a;
  --color-gilt: #d9a55b;
  --color-accent: #c8502f;
  --color-accent-text: #e8805f;
  --color-accent-contrast: #fff6ee;
  --color-accent-glow: rgba(200, 80, 47, 0.32);
  --color-gilt-glow: rgba(217, 165, 91, 0.24);
  --color-accent-soft: rgba(200, 80, 47, 0.2);
  --color-accent-soft-hover: rgba(200, 80, 47, 0.3);
  --color-bg-deep: #0c0d0d;
  --color-background: #0c0d0d;
  --color-glass-base: rgba(255, 250, 240, 0.05);
  --color-glass-hover: rgba(255, 250, 240, 0.09);
  --color-glass-highlight: rgba(255, 250, 240, 0.11);
  --color-glass-active: rgba(255, 250, 240, 0.16);
  --color-glass-tint: rgba(16, 18, 19, 0.55);
  --color-glass-tint-heavy: rgba(16, 18, 19, 0.74);
  --color-glass-tint-accent: rgba(200, 80, 47, 0.62);
  --color-glass-edge-accent: rgba(255, 214, 196, 0.38);
  --color-glass-tint-liquid: rgba(16, 18, 19, 0.35);
  --color-glass-tint-liquid-accent: rgba(200, 80, 47, 0.42);
  --color-sheen-start: rgba(255, 250, 240, 0.14);
  --color-sheen-mid: rgba(255, 250, 240, 0.05);
  --color-sheen-end: rgba(255, 250, 240, 0);
  --color-transparent-deep: rgba(12, 13, 13, 0);
  --color-glass-edge: rgba(255, 250, 240, 0.14);
  --color-glass-edge-highlight: rgba(255, 250, 240, 0.24);
  --color-edge-top: rgba(255, 250, 240, 0.22);
  --color-edge-left: rgba(255, 250, 240, 0.12);
  --color-edge-bottom: rgba(255, 250, 240, 0.04);
  --color-border: rgba(255, 250, 240, 0.14);
  --color-fg: #ece6da;
  --color-fg-subtle: #bdb6aa;
  --color-fg-muted: #8f897f;
  --color-fg-contrast: #0c0d0d;
  --color-ic-fg-subtle: #d9d2c6;
  --color-ic-fg-muted: #b8b1a5;
  --color-ic-glass-tint: rgba(16, 18, 19, 0.84);
  --color-ic-glass-tint-heavy: rgba(16, 18, 19, 0.92);
  --color-ic-glass-tint-accent: rgba(200, 80, 47, 0.88);
  --color-ic-glass-edge: rgba(255, 250, 240, 0.45);
  --color-ic-glass-edge-highlight: rgba(255, 250, 240, 0.55);
  --color-ic-glass-edge-accent: rgba(255, 214, 196, 0.75);
  --color-ic-edge-top: rgba(255, 250, 240, 0.55);
  --color-ic-edge-left: rgba(255, 250, 240, 0.45);
  --color-ic-edge-bottom: rgba(255, 250, 240, 0.4);
  --color-ic-border: rgba(255, 250, 240, 0.45);
  --color-error: #e5484d;
  --color-error-glass: rgba(229, 72, 77, 0.15);
  --color-error-text: #f07a6e;
  --color-error-surface: rgba(229, 72, 77, 0.1);
  --color-success: #5f8f4e;
  --color-success-glass: rgba(141, 176, 122, 0.16);
  --color-success-text: #8db07a;
  --color-success-surface: rgba(141, 176, 122, 0.1);
  --color-warning: #d9a55b;
  --color-warning-text: #e6bd7c;
  --color-warning-glass: rgba(217, 165, 91, 0.16);
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-scrim-strong: rgba(0, 0, 0, 0.9);
  --color-shadow-deep: rgba(0, 0, 0, 0.6);
  --color-shadow-close: rgba(0, 0, 0, 0.45);
  --color-ring-ground: rgba(12, 13, 13, 0.7);
  --color-swipe-watched: #8db07a;
  --color-swipe-dismissed: #8f897f;
  --color-swipe-interested: #c8502f;
  --color-apple-button: #ffffff;
  --color-apple-button-fg: #000000;
  --color-google-fill: #131314;
  --color-google-edge: #8e918f;
  --color-google-text: #e3e3e3;
  --color-theme-ochre: #c8502f;
  --color-theme-ochre-glow: rgba(200, 80, 47, 0.42);
  --color-theme-ember: #e8805f;
  --color-theme-ember-glow: rgba(232, 128, 95, 0.36);
  --color-theme-lichen: #8db07a;
  --color-theme-lichen-glow: rgba(141, 176, 122, 0.32);
  --color-theme-gilt: #d9a55b;
  --color-theme-gilt-glow: rgba(217, 165, 91, 0.34);
  --color-theme-bone: #ece6da;
  --color-theme-bone-glow: rgba(236, 230, 218, 0.22);
  --color-theme-ochre-ink: #8f3418;
  --color-theme-ember-ink: #8a3c22;
  --color-theme-lichen-ink: #3d5a30;
  --color-theme-gilt-ink: #6e4c1c;
  --color-theme-bone-ink: #1d2022;
  --color-qr-tile: #ece6da;
  --color-question-warm: #3a2a24;
  --color-skeleton-from: #16191a;
  --font-body: FamiljenGrotesk_400Regular;
  --font-body-medium: FamiljenGrotesk_500Medium;
  --font-body-semibold: FamiljenGrotesk_600SemiBold;
  --font-body-bold: FamiljenGrotesk_700Bold;
  --radius-panel: 40px;
  --radius-card: 28px;
  --radius-tile: 16px;
  --radius-poster: 14px;
}