/* Design tokens vendored for talk.kodai.com.pl.
   Source: ~/programming/outreach-research/gorgos/hub/design_system.py
   (_LIGHT_TOKENS, _DARK_TOKENS, _STRUCTURE_TOKENS), git date 2026-10-07 (8fbc2738).
   Copied verbatim; do not edit here — re-vendor from the source when Gorgos changes them.
   talk loads no web fonts: the families below fall back to the system stack. */
:root{
  --ds-bg:#faf9f6;
  --ds-surface:#ffffff;
  --ds-surface-muted:#f1f0ec;
  --ds-elevated:#e6e5e1;
  --ds-hover:#dcdbd6;
  --ds-border:#e6e5e1;
  --ds-border-strong:#cbc9c3;
  --ds-input-border:#8a877f;
  --ds-text:#080808;
  --ds-muted:#4a4844;
  --ds-faint:#6b6963;
  --ds-iron:#6b6963;
  --ds-ink:#faf9f6;
  --ds-accent:#5b3fa8;
  --ds-accent-strong:#4a3190;
  --ds-info:#5b3fa8;
  --ds-ok:#2c6a45;
  --ds-warn:#8a5f12;
  --ds-danger:#a3392b;
  --ds-ok-bg:rgba(44,106,69,0.09);
  --ds-warn-bg:rgba(138,95,18,0.10);
  --ds-danger-bg:rgba(163,57,43,0.09);
  --ds-info-bg:rgba(91,63,168,0.08);
  --ds-fill-hover:#333333;
  --ds-focus:rgba(91,63,168,0.40);
  --ds-focus-strong:rgba(91,63,168,0.70);
  --ds-backdrop:rgba(8,8,8,0.44);
  --ds-wash:rgba(8,8,8,0.025);
  --ds-wash-strong:rgba(8,8,8,0.06);
  --ds-well:rgba(8,8,8,0.04);
  --ds-inverse:#14161a;
  --ds-inverse-text:#faf9f6;
  --ds-inverse-muted:#b4b4b2;
  --ds-inverse-line:#333333;
  --ds-shadow:none;
  /* The one raised elevation the flat system allows, for a surface that must read as
     lifted off the canvas. Its last consumer (an unavailable-page card) moved to the
     shared shell in the 2026-08-23 sweep, so the token is currently unused — kept because
     the next interstitial needs the same value, not because something references it. */
  --ds-shadow-raised:0 18px 50px rgba(15,23,42,.08);
  /* A sandboxed generated app owns its own presentation, so its frame canvas is
     deliberately theme-independent rather than following the shell surface. */
  --ds-app-frame-canvas:#ffffff;
  --ds-radius:10px;
  --ds-radius-icon:4px;
  --ds-radius-card:12px;
  --ds-radius-input:7px;
  --ds-radius-button:33px;
  --ds-radius-tag:50px;
  --ds-font-sans:"Matter",Inter,ui-sans-serif,system-ui,-apple-system,
    BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ds-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --text-eyebrow:13px;
  --leading-eyebrow:1.3;
  --tracking-eyebrow:2px;
  --text-caption:14px;
  --leading-caption:1.4;
  --tracking-caption:0.12px;
  --text-body:16px;
  --leading-body:1.5;
  --tracking-body:-0.14px;
  --text-body-lg:18px;
  --leading-body-lg:1.45;
  --tracking-body-lg:-0.18px;
  --text-subheading:20px;
  --leading-subheading:1.2;
  --tracking-subheading:-0.18px;
  --text-heading-sm:22px;
  --leading-heading-sm:1.2;
  --tracking-heading-sm:-0.22px;
  --text-heading:26px;
  --leading-heading:1.19;
  --tracking-heading:-0.29px;
  --text-heading-lg:32px;
  --leading-heading-lg:1.15;
  --tracking-heading-lg:-0.64px;
  --text-display:42px;
  --leading-display:1;
  --tracking-display:-1.13px;
  --text-display-lg:56px;
  --leading-display-lg:0.96;
  --tracking-display-lg:-2.24px;
  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --spacing-4:4px;
  --spacing-5:5px;
  --spacing-6:6px;
  --spacing-7:7px;
  --spacing-8:8px;
  --spacing-10:10px;
  --spacing-11:11px;
  --spacing-12:12px;
  --spacing-14:14px;
  --spacing-16:16px;
  --spacing-20:20px;
  --spacing-24:24px;
  --spacing-25:25px;
  --spacing-30:30px;
  --spacing-32:32px;
  --spacing-40:40px;
  --ds-gutter:20px;
  --ds-page-max:1200px;
  --ds-section-gap:64px;
  --ds-card-padding:24px;
  --ds-element-gap:10px;
}
@media (prefers-color-scheme: dark){
  :root{
  --ds-bg:#000000;
  --ds-surface:#1e1e1d;
  --ds-surface-muted:#121212;
  --ds-elevated:#333333;
  --ds-hover:#40403f;
  --ds-border:#1e1e1d;
  --ds-border-strong:#333333;
  --ds-input-border:#77757a;
  --ds-text:#faf9f6;
  --ds-muted:#b4b4b2;
  --ds-faint:#868684;
  --ds-iron:#8a888d;
  --ds-ink:#080808;
  --ds-accent:#cbb0f7;
  --ds-accent-strong:#cbb0f7;
  --ds-info:#cbb0f7;
  --ds-ok:#9ec9a8;
  --ds-warn:#c9ab72;
  --ds-danger:#d99a90;
  --ds-ok-bg:rgba(158,201,168,0.10);
  --ds-warn-bg:rgba(201,171,114,0.12);
  --ds-danger-bg:rgba(217,154,144,0.12);
  --ds-info-bg:rgba(203,176,247,0.10);
  --ds-fill-hover:#e3e2e0;
  --ds-focus:rgba(203,176,247,0.45);
  --ds-focus-strong:rgba(203,176,247,0.75);
  --ds-backdrop:rgba(0,0,0,0.72);
  --ds-wash:rgba(255,255,255,0.02);
  --ds-wash-strong:rgba(255,255,255,0.06);
  --ds-well:rgba(0,0,0,0.25);
  --ds-inverse:#1e1e1d;
  --ds-inverse-text:#faf9f6;
  --ds-inverse-muted:#b4b4b2;
  --ds-inverse-line:#333333;
  }
}