/* Onda brand tokens — the one source for the landing, the SPA and /admin.
   Served as /landing/brand/tokens.css and /app/brand/tokens.css (and inlined
   into /admin). Primitives only, all prefixed --onda-*: each surface maps its
   own semantic tokens (--accent, --bg, --text …) onto these, and the SPA's
   dark theme overrides the semantic layer, never these values.
   Canon: docs/DESIGN_WEB.md §«Бренд-токены». */
:root {
  /* Colour */
  --onda-blue: #243ee8;          /* accent, primary action, brand mark */
  --onda-blue-strong: #1c2fb5;   /* hover / pressed / accent text on tint */
  --onda-blue-soft: #e9ecff;     /* accent tint: selected rows, chips */
  --onda-ink: #12131c;           /* text, dark button */
  --onda-muted: #5f6272;         /* secondary text: 5.6:1 on canvas */
  --onda-canvas: #f6f7fb;        /* page background */
  --onda-paper: #ffffff;         /* cards and working surfaces */
  --onda-line: #e3e5ec;          /* hairline borders on canvas and paper */

  /* Project colours (sidebar dots, chart series, landing mockups). Identity,
     not meaning: none of them may read as success/error/warning, so the palette
     stays off the green, red and amber hues and off the accent blue. One value
     for both SPA themes: each holds ≥3:1 on the light (#fff) and the dark
     (#191b23) --surface. */
  --onda-project-1: #c025a2;     /* magenta */
  --onda-project-2: #0d748f;     /* teal */
  --onda-project-3: #1d60d7;     /* blue, deliberately not the accent #243ee8 */
  --onda-project-4: #7c4dd8;     /* violet */
  --onda-project-5: #56678a;     /* graphite blue */
  --onda-project-6: #946c9e;     /* dusty lilac */
  --onda-project-none: #8a8b96;  /* «Все» and «Без проекта»: no project */

  /* Type */
  --onda-font-sans: 'Golos Text', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --onda-font-display: 'Unbounded', 'Golos Text', system-ui, sans-serif;
  --onda-font-mono: ui-monospace, 'SF Mono', SFMono-Regular, 'JetBrains Mono', Menlo, Consolas, monospace;
  --onda-display-tracking: -.045em;  /* every Unbounded heading and hero number */
  --onda-logo-tracking: -.06em;      /* the «Onda» wordmark on every surface */

  /* Shape */
  --onda-radius-xs: 6px;         /* kbd, buttons inside a segment, menu items, text buttons */
  --onda-radius-control: 10px;   /* fields, menus, square avatars */
  --onda-radius-card: 14px;      /* app cards, hit cards, banners */
  --onda-radius-card-lg: 24px;   /* large landing cards, panels, mockup windows */
  --onda-radius-pill: 999px;     /* every button, chip, badge, track */

  /* Elevation: a pill or card reads as an object — inset highlight plus soft drop. */
  --onda-shadow-card: 0 0 0 1px rgba(18, 19, 28, .06), 0 1px 2px rgba(15, 23, 42, .04), 0 12px 32px -24px rgba(15, 23, 42, .25);
  --onda-shadow-primary: inset 0 1px 0 rgba(255, 255, 255, .22), 0 10px 24px -12px rgba(36, 62, 232, .8);
  --onda-shadow-dark: inset 0 1px 0 rgba(255, 255, 255, .16), 0 8px 20px -10px rgba(15, 23, 42, .6);
  --onda-shadow-ghost: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 2px rgba(15, 23, 42, .06), 0 0 0 1px rgba(18, 19, 28, .08);

  /* Landing elevation — one ink base, three heights, one blue ring for the
     lead Тариф (the ring marks it; the drop stays neutral ink, no blue glow).
     Each carries the 1px ring, so a surface using one needs no separate border. */
  --onda-shadow-float: 0 0 0 1px var(--onda-line), 0 20px 40px -18px rgba(15, 23, 42, .35);
  --onda-shadow-raised: 0 0 0 1px var(--onda-line), 0 30px 60px -40px rgba(15, 23, 42, .35);
  --onda-shadow-window: 0 0 0 1px var(--onda-line), 0 40px 80px -40px rgba(15, 23, 42, .35), 0 12px 24px -12px rgba(15, 23, 42, .1);
  --onda-shadow-lead: 0 0 0 1.5px var(--onda-blue), 0 30px 60px -36px rgba(15, 23, 42, .35);

  /* The ×N viral chip on a cover — one element on the landing and in the SPA. */
  --onda-chip-bg: rgba(255, 255, 255, .95);
  --onda-chip-fg: var(--onda-ink);
  --onda-chip-shadow: 0 6px 16px -8px rgba(0, 0, 0, .4);

  /* Motion */
  --onda-ease: cubic-bezier(.2, .7, .2, 1);
}