/* zydowska: skin tokens.
   Layer 1 = modules/brand/tokens/zydowska.css colour values, copied verbatim (--brand-*, --color-*; frontend main.css maps them to --c-*).
   Layer 2 = design extension: fonts, atmosphere, glass material, shadow tint. Load AFTER system.css:
     <link rel="stylesheet" href="/brand/zydowska/tokens.css">  (this file)  +  system.css
   Light is :root; dark follows prefers-color-scheme unless [data-theme="light"]; [data-theme="dark"] forces dark. */
:root {
  --font-display: 'Frank Ruhl Libre', Georgia, serif;
  --font-heading: var(--font-display);
  --font-body: Heebo, system-ui, sans-serif;
  --font-ui: var(--font-body);
  --display-weight: 500;
  --display-tracking: -0.01em;
  --display-scale: 1.04;
  --font-hebrew: 'Frank Ruhl Libre', 'SBL Hebrew', 'Noto Serif Hebrew', serif;
}
:root {
  --brand-primary: #22336b;
  --brand-accent: #b8c0cc;
  --color-primary: #22336b;
  --color-on-primary: #ffffff;
  --color-accent: #b8c0cc;
  --color-on-accent: #151a2e;
  --color-accent-text: #46526a;
  --color-surface: #f7f8fb;
  --color-surface-2: #eceff5;
  --color-text: #151a2e;
  --color-muted: #515972;
  --color-success: #1f6b3a;
  --color-danger: #a62323;
  --color-border: #d3d8e4;
  color-scheme: light;
  --atmosphere: radial-gradient(34% 26% at 32% 4%, rgba(255,196,120,.50), transparent 72%), radial-gradient(34% 26% at 68% 4%, rgba(255,196,120,.42), transparent 72%), linear-gradient(180deg,#e9ecf9 0%,#f6f4f4 58%,#fbefdc 100%);
  --halo: 255,196,120;
  --motif: none;
  --shadow-rgb: 20 30 80;
  --glass-fill: rgba(247,248,251,0.74);
  --glass-fill-thick: rgba(247,248,251,0.88);
  --glass-stroke: rgba(255,255,255,0.55);
  --glass-edge: rgba(255,255,255,0.65);
  --glass-solid: #f7f8fb;
  --scrim: rgba(20,24,40,.32);
  --grain-opacity: .05;
  --cta-bg: var(--color-primary);
  --cta-fg: var(--color-on-primary);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #93a8ee;
    --color-on-primary: #0e1326;
    --color-accent: #b8c0cc;
    --color-on-accent: #0e1326;
    --color-accent-text: #b8c0cc;
    --color-surface: #0e1326;
    --color-surface-2: #171e3a;
    --color-text: #e9ecf5;
    --color-muted: #a3abc4;
    --color-success: #6cc58a;
    --color-danger: #f08a8a;
    --color-border: #2a3459;
    color-scheme: dark;
    --atmosphere: radial-gradient(34% 26% at 32% 2%, rgba(255,196,120,.30), transparent 72%), radial-gradient(34% 26% at 68% 2%, rgba(255,196,120,.26), transparent 72%), radial-gradient(70% 40% at 50% 110%, rgba(110,90,200,.20), transparent 72%), linear-gradient(180deg,#090d20 0%,#10173a 58%,#161a3a 100%);
    --halo: 255,196,120;
    --motif: none;
    --shadow-rgb: 2 4 16;
    --glass-fill: rgba(20,27,56,0.62);
    --glass-fill-thick: rgba(20,27,56,0.84);
    --glass-stroke: rgba(255,255,255,0.1);
    --glass-edge: rgba(255,255,255,0.14);
    --glass-solid: #141b38;
    --scrim: rgba(0,0,0,.55);
    --grain-opacity: .07;
    --cta-bg: var(--color-primary);
    --cta-fg: var(--color-on-primary);
  }
}
:root[data-theme="dark"] {
  --color-primary: #93a8ee;
  --color-on-primary: #0e1326;
  --color-accent: #b8c0cc;
  --color-on-accent: #0e1326;
  --color-accent-text: #b8c0cc;
  --color-surface: #0e1326;
  --color-surface-2: #171e3a;
  --color-text: #e9ecf5;
  --color-muted: #a3abc4;
  --color-success: #6cc58a;
  --color-danger: #f08a8a;
  --color-border: #2a3459;
  color-scheme: dark;
  --atmosphere: radial-gradient(34% 26% at 32% 2%, rgba(255,196,120,.30), transparent 72%), radial-gradient(34% 26% at 68% 2%, rgba(255,196,120,.26), transparent 72%), radial-gradient(70% 40% at 50% 110%, rgba(110,90,200,.20), transparent 72%), linear-gradient(180deg,#090d20 0%,#10173a 58%,#161a3a 100%);
  --halo: 255,196,120;
  --motif: none;
  --shadow-rgb: 2 4 16;
  --glass-fill: rgba(20,27,56,0.62);
  --glass-fill-thick: rgba(20,27,56,0.84);
  --glass-stroke: rgba(255,255,255,0.1);
  --glass-edge: rgba(255,255,255,0.14);
  --glass-solid: #141b38;
  --scrim: rgba(0,0,0,.55);
  --grain-opacity: .07;
  --cta-bg: var(--color-primary);
  --cta-fg: var(--color-on-primary);
}