/* katolicka: skin tokens.
   Layer 1 = modules/brand/tokens/katolicka.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/katolicka/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: 'Cormorant Garamond', 'Cormorant', Georgia, serif;
  --font-heading: var(--font-display);
  --font-body: 'Source Sans 3', system-ui, sans-serif;
  --font-ui: var(--font-body);
  --display-weight: 600;
  --display-tracking: -0.01em;
  --display-scale: 1.1;
}
:root {
  --brand-primary: #1e2a4a;
  --brand-accent: #c9a227;
  --color-primary: #1e2a4a;
  --color-on-primary: #ffffff;
  --color-accent: #c9a227;
  --color-on-accent: #1e2a4a;
  --color-accent-text: #7a5f00;
  --color-surface: #faf8f3;
  --color-surface-2: #f1ede2;
  --color-text: #1b1f2e;
  --color-muted: #555a6c;
  --color-success: #1f6b3a;
  --color-danger: #a32323;
  --color-border: #d9d3c2;
  color-scheme: light;
  --atmosphere: radial-gradient(70% 46% at 86% -6%, rgba(201,162,39,.34), transparent 72%), radial-gradient(60% 40% at -4% 104%, rgba(30,42,74,.12), transparent 70%), linear-gradient(180deg,#fbf9f4 0%,#f3eee1 100%);
  --halo: 201,162,39;
  --motif: none;
  --shadow-rgb: 30 42 74;
  --glass-fill: rgba(250,248,243,0.74);
  --glass-fill-thick: rgba(250,248,243,0.88);
  --glass-stroke: rgba(255,255,255,0.55);
  --glass-edge: rgba(255,255,255,0.65);
  --glass-solid: #faf8f3;
  --scrim: rgba(20,24,40,.32);
  --grain-opacity: .05;
  --cta-bg: var(--color-accent);
  --cta-fg: var(--color-on-accent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-primary: #9fb0ea;
    --color-on-primary: #11172a;
    --color-accent: #e0bb45;
    --color-on-accent: #11172a;
    --color-accent-text: #e0bb45;
    --color-surface: #11172a;
    --color-surface-2: #1a2240;
    --color-text: #eceaf2;
    --color-muted: #a7adc2;
    --color-success: #6cc58a;
    --color-danger: #f08a8a;
    --color-border: #2c3658;
    color-scheme: dark;
    --atmosphere: radial-gradient(72% 50% at 84% -8%, rgba(224,187,69,.28), transparent 72%), radial-gradient(64% 46% at 6% 106%, rgba(98,120,210,.22), transparent 72%), linear-gradient(180deg,#0c1124 0%,#131a35 62%,#0f1529 100%);
    --halo: 224,187,69;
    --motif: none;
    --shadow-rgb: 2 4 14;
    --glass-fill: rgba(22,29,54,0.62);
    --glass-fill-thick: rgba(22,29,54,0.84);
    --glass-stroke: rgba(255,255,255,0.1);
    --glass-edge: rgba(255,255,255,0.14);
    --glass-solid: #161d36;
    --scrim: rgba(0,0,0,.55);
    --grain-opacity: .07;
    --cta-bg: var(--color-accent);
    --cta-fg: var(--color-on-accent);
  }
}
:root[data-theme="dark"] {
  --color-primary: #9fb0ea;
  --color-on-primary: #11172a;
  --color-accent: #e0bb45;
  --color-on-accent: #11172a;
  --color-accent-text: #e0bb45;
  --color-surface: #11172a;
  --color-surface-2: #1a2240;
  --color-text: #eceaf2;
  --color-muted: #a7adc2;
  --color-success: #6cc58a;
  --color-danger: #f08a8a;
  --color-border: #2c3658;
  color-scheme: dark;
  --atmosphere: radial-gradient(72% 50% at 84% -8%, rgba(224,187,69,.28), transparent 72%), radial-gradient(64% 46% at 6% 106%, rgba(98,120,210,.22), transparent 72%), linear-gradient(180deg,#0c1124 0%,#131a35 62%,#0f1529 100%);
  --halo: 224,187,69;
  --motif: none;
  --shadow-rgb: 2 4 14;
  --glass-fill: rgba(22,29,54,0.62);
  --glass-fill-thick: rgba(22,29,54,0.84);
  --glass-stroke: rgba(255,255,255,0.1);
  --glass-edge: rgba(255,255,255,0.14);
  --glass-solid: #161d36;
  --scrim: rgba(0,0,0,.55);
  --grain-opacity: .07;
  --cta-bg: var(--color-accent);
  --cta-fg: var(--color-on-accent);
}