/* Ducky design tokens: the one palette for every page (app shell, public pages, preview pages) and for Storybook
   (site/beta-ui loads this file through its preview head). Values: design-system/ducky-beta-ui/MASTER.md.
   Every template links this stylesheet first, so the first paint already has the final colours; no script switches
   palettes. Light is the default; dark follows the OS unless [data-theme=light]; an explicit [data-theme=dark]
   (Telegram's colour scheme, Storybook's toolbar) wins. Inside the Telegram Mini App, app.css maps Telegram's
   themeParams onto the canvas/paper/ink tokens below. */
@font-face{font-family:Manrope;src:url('/app-assets/c/fonts/Manrope-variable-d0639be4.481d49bfc147.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'Newsreader Variable';src:url('/app-assets/c/fonts/Newsreader-latin-wght-normal.62981321d9a3.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}

:root,[data-theme=light]{
 color-scheme:light;
 --db-canvas:#e9ede6;--db-canvas-2:#eef1eb;--db-paper:#f7f6ef;--db-paper-2:#e3e9e2;--db-paper-strong:#fffefa;
 --db-ink:#172019;--db-muted:#566159;--db-faint:#748078;--db-line:#cbd2c9;--db-line-strong:#9ca99f;--db-control:#75837a;
 --db-accent:#4f8068;--db-accent-strong:#244b3c;--db-accent-soft:#dbe9df;--db-on-accent:#ffffff;
 --db-nav:#244b3c;--db-nav-hover:#2f5b49;--db-nav-strong:#19382d;--db-nav-ink:#fbf7e9;--db-nav-muted:#bed0c5;
 --db-duck:#e0b338;--db-duck-soft:#f4e8b9;--db-warm:#a95e2d;--db-warm-soft:#f1dfd0;--db-warning:#b54700;--db-caution:#8c5b00;
 --db-positive:#1d704f;--db-positive-soft:#dcece3;--db-negative:#a34139;--db-negative-soft:#f3e1de;
 --db-link:#205da8;--db-focus:#006edb;--db-context-soft:#e0eaf5;--db-skeleton:#dce2da;
 --db-overlay:rgb(23 32 25 / 58%);--db-shadow:0 18px 48px rgb(31 53 41 / 10%);
 --db-heat-neutral:#2b322d;--db-positive-fill:#1d704f;--db-negative-fill:#a34139;
 --db-series-1:#2f8a5c;--db-series-2:#3a6fc4;--db-series-3:#b8860b;--db-series-4:#00909f;--db-series-5:#cc5f33;--db-series-6:#8a5cc9;
 --db-series-other:#b4beb5;
 --db-logo-plate:#fffefa;--db-logo-plate-line:#cbd2c9;
}
@media(prefers-color-scheme:dark){
 :root:not([data-theme=light]){
  color-scheme:dark;
  --db-canvas:#151b17;--db-canvas-2:#19231d;--db-paper:#1e2721;--db-paper-2:#26332b;--db-paper-strong:#26322b;
  --db-ink:#f2f1e7;--db-muted:#b7c2ba;--db-faint:#8f9b92;--db-line:#39463d;--db-line-strong:#59685e;--db-control:#7d8c82;
  --db-accent:#7fbea0;--db-accent-strong:#b0dec5;--db-accent-soft:#253f32;--db-on-accent:#172019;
  --db-nav:#1b3b30;--db-nav-hover:#26503f;--db-nav-strong:#122a22;--db-nav-ink:#fbf7e9;--db-nav-muted:#b8ccc0;
  --db-duck:#efc94f;--db-duck-soft:#4a4122;--db-warm:#dfa06d;--db-warm-soft:#402f24;--db-warning:#f0883e;--db-caution:#d29922;
  --db-positive:#78c9a6;--db-positive-soft:#223b30;--db-negative:#f08c82;--db-negative-soft:#472c2b;
  --db-link:#8fbcff;--db-focus:#8ec5ff;--db-context-soft:#23364b;--db-skeleton:#303a33;
  --db-overlay:rgb(0 0 0 / 70%);--db-shadow:0 18px 48px rgb(0 0 0 / 24%);
  --db-series-1:#3a9a6b;--db-series-2:#5288d6;--db-series-3:#b5862c;--db-series-4:#1fa0ad;--db-series-5:#d6643c;--db-series-6:#9a72db;
  --db-series-other:#4a574e;
 --db-logo-plate:#ece9de;--db-logo-plate-line:#59685e;
 }
}
[data-theme=dark]{
 color-scheme:dark;
 --db-canvas:#151b17;--db-canvas-2:#19231d;--db-paper:#1e2721;--db-paper-2:#26332b;--db-paper-strong:#26322b;
 --db-ink:#f2f1e7;--db-muted:#b7c2ba;--db-faint:#8f9b92;--db-line:#39463d;--db-line-strong:#59685e;--db-control:#7d8c82;
 --db-accent:#7fbea0;--db-accent-strong:#b0dec5;--db-accent-soft:#253f32;--db-on-accent:#172019;
 --db-nav:#1b3b30;--db-nav-hover:#26503f;--db-nav-strong:#122a22;--db-nav-ink:#fbf7e9;--db-nav-muted:#b8ccc0;
 --db-duck:#efc94f;--db-duck-soft:#4a4122;--db-warm:#dfa06d;--db-warm-soft:#402f24;--db-warning:#f0883e;--db-caution:#d29922;
 --db-positive:#78c9a6;--db-positive-soft:#223b30;--db-negative:#f08c82;--db-negative-soft:#472c2b;
 --db-link:#8fbcff;--db-focus:#8ec5ff;--db-context-soft:#23364b;--db-skeleton:#303a33;
 --db-overlay:rgb(0 0 0 / 70%);--db-shadow:0 18px 48px rgb(0 0 0 / 24%);
 --db-series-1:#3a9a6b;--db-series-2:#5288d6;--db-series-3:#b5862c;--db-series-4:#1fa0ad;--db-series-5:#d6643c;--db-series-6:#9a72db;
 --db-series-other:#4a574e;
 --db-logo-plate:#ece9de;--db-logo-plate-line:#59685e;
}

/* The semantic names the site's stylesheets were written against. Each is a token above, never a second palette.
   Declared wherever a theme is set so a themed subtree (Storybook's decorator) resolves them against its own tokens. */
:root,[data-theme]{
 --bg:var(--db-canvas);--bg-2:var(--db-canvas-2);--surface:var(--db-paper);--surface-2:var(--db-paper-2);
 --border:var(--db-line);--control-border:var(--db-control);
 --text:var(--db-ink);--fg:var(--db-ink);--muted:var(--db-muted);--faint:var(--db-muted);
 --green:var(--db-positive);--red:var(--db-negative);--blue:var(--db-link);--orange:var(--db-warning);--yellow:var(--db-caution);
 --accent:var(--db-accent);--accent-2:var(--db-accent-strong);--accent-ink:var(--db-on-accent);
 --accent-text:var(--db-accent-strong);--accent-text-hover:var(--db-accent);--focus-ring:var(--db-focus);
 --neon:var(--db-accent);--bubble:var(--db-paper-strong);--bubble-ink:var(--db-ink);--phone:var(--db-nav-strong);
 --shadow:var(--db-shadow);
 --line:var(--db-line);--card:var(--db-paper);--heat-neutral:var(--db-heat-neutral);
}

:root{
 --db-font-ui:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --db-font-display:'Newsreader Variable',Newsreader,Iowan Old Style,Baskerville,Georgia,serif;
 --db-font-ui-zh:'PingFang SC','Noto Sans SC','Microsoft YaHei',sans-serif;
 --db-font-display-zh:'Songti SC','Noto Serif SC',STSong,serif;
 --db-radius-sm:6px;--db-radius-md:10px;--db-radius-lg:16px;
 --db-space-1:4px;--db-space-2:8px;--db-space-3:12px;--db-space-4:16px;--db-space-5:24px;--db-space-6:32px;--db-space-7:48px;--db-space-8:64px;
 --db-control-h:44px;--db-control-lg:52px;--db-icon-target:44px;--db-surface-pad:24px;--db-surface-pad-compact:16px;
 --db-ease:cubic-bezier(.2,.7,.2,1);--db-fast:140ms;--db-medium:220ms;
}