/* Sevora landing v2 — design tokens. Source of truth: DESIGN.md (front-matter).
   Light values on :root; dark values by system setting (unless the visitor chose light) and by data-theme="dark". */

/* Golos Text, self-hosted (SIL OFL 1.1, see assets/fonts/OFL.txt). One variable file per subset covers weights 400-600. */
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../assets/fonts/golos-text-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Golos Text';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../assets/fonts/golos-text-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* base */
  --color-canvas: #f2f3f0;
  --color-surface: #ffffff;
  --color-soft: #e6e8e3;
  --color-ink: #191a18;
  --color-muted: #555853;
  --color-primary: #17664e;
  --color-accent: #17664e;
  --color-on-accent: #ffffff;
  --color-highlight: #d9efe5;

  /* product fragments */
  --color-ui-bg: #ffffff;
  --color-ui-chat: #f5f5f4;
  --color-ui-ink: #1b1b1b;
  --color-ui-muted: #62625f;
  --color-ui-line: #d9d9d6;
  --color-ui-bot: #ffffff;
  --color-ui-me: #1b1b1b;
  --color-ui-me-ink: #ffffff;
  --color-ui-link: #13689e;
  --color-ui-new: #e3f4ec;
  --color-ui-new-ink: #0f5a40;
  --color-widget-avatar: #8593ff;
  --color-widget-avatar-ink: #0c0f2e;
  --color-telegram: #2aa3df;
  --color-white: #ffffff;
  --color-error: #c2410c;

  /* translucent layers */
  --color-glass: rgba(255, 255, 255, 0.86);
  --color-glass-bar: rgba(255, 255, 255, 0.5);
  --color-shadow: rgba(0, 0, 0, 0.35);

  /* cookie banner (stays dark on both themes, like a system toast) */
  --color-toast-bg: #191a18;
  --color-toast-ink: #eceee9;
  --color-toast-line: #353a33;
  --color-toast-link: #7cc3f0;
  --color-toast-btn: #45c39b;
  --color-toast-btn-ink: #06140f;

  /* typography */
  --font-sans: 'Golos Text', 'Segoe UI', Roboto, Arial, sans-serif;
  --text-display: clamp(30px, 3.9vw, 54px);
  --text-headline: clamp(30px, 3.4vw, 46px);
  --text-title: clamp(24px, 2vw, 28px);
  --text-figure: clamp(40px, 3.9vw, 54px);
  --text-lead: 20px;
  --text-body: 17px;
  --text-small: 15px;

  /* radii */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 64px;
  --space-section: 104px;
  --space-section-mobile: 72px;
  --space-container: 1240px;
  --space-gutter: 24px;
  --space-gutter-mobile: 18px;

  /* motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-press: 140ms;
  --t-hover: 180ms;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-canvas: #121411;
    --color-surface: #1b1e1a;
    --color-soft: #22261f;
    --color-ink: #eceee9;
    --color-muted: #a7aba4;
    --color-primary: #45c39b;
    --color-accent: #45c39b;
    --color-on-accent: #06140f;
    --color-highlight: #1d3a2f;

    --color-ui-bg: #1d1f1c;
    --color-ui-chat: #161815;
    --color-ui-ink: #eceee9;
    --color-ui-muted: #a7aba4;
    --color-ui-line: #353a33;
    --color-ui-bot: #272b25;
    --color-ui-me: #eceee9;
    --color-ui-me-ink: #121411;
    --color-ui-link: #7cc3f0;
    --color-ui-new: #1d3a2f;
    --color-ui-new-ink: #8fe0c0;

    --color-glass: rgba(27, 30, 26, 0.86);
    --color-glass-bar: rgba(27, 30, 26, 0.5);

    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --color-canvas: #121411;
  --color-surface: #1b1e1a;
  --color-soft: #22261f;
  --color-ink: #eceee9;
  --color-muted: #a7aba4;
  --color-primary: #45c39b;
  --color-accent: #45c39b;
  --color-on-accent: #06140f;
  --color-highlight: #1d3a2f;

  --color-ui-bg: #1d1f1c;
  --color-ui-chat: #161815;
  --color-ui-ink: #eceee9;
  --color-ui-muted: #a7aba4;
  --color-ui-line: #353a33;
  --color-ui-bot: #272b25;
  --color-ui-me: #eceee9;
  --color-ui-me-ink: #121411;
  --color-ui-link: #7cc3f0;
  --color-ui-new: #1d3a2f;
  --color-ui-new-ink: #8fe0c0;

  --color-glass: rgba(27, 30, 26, 0.86);
  --color-glass-bar: rgba(27, 30, 26, 0.5);

  color-scheme: dark;
}