/* VYSHKA Cloud · Ecosystem 2030 «Signal · Aurora» — shared tokens (LOCAL, no CDN)
 * SoT for: Uslugi · Voice landing · Messenger landing · Academy public
 * Copy into each product public CSS dir; keep in sync manually or via build.
 * DENY: Inter/Roboto default · purple/cream AI cliché · Bitrix UI · fake Yandex claims */

:root {
  color-scheme: light;

  /* Brand — sovereign cobalt + aurora (not purple slop) */
  --vy-brand: #1d4ed8;
  --vy-brand-hover: #1e40af;
  --vy-brand-deep: #1e3a8a;
  --vy-brand-ink: #ffffff;
  --vy-brand-soft: rgba(29, 78, 216, 0.10);
  --vy-brand-line: rgba(29, 78, 216, 0.24);
  --vy-brand-glow: rgba(29, 78, 216, 0.16);
  --vy-sky: #38bdf8;
  --vy-mint: #2ccf9b;
  /* Alias only — never purple/indigo AI-slop; depth = brand-deep cobalt */
  --vy-indigo: #1e3a8a;
  --vy-aurora: linear-gradient(128deg, #1d4ed8 0%, #1e40af 42%, #38bdf8 100%);
  --vy-aurora-mark: linear-gradient(135deg, #1d4ed8 0%, #38bdf8 58%, #2ccf9b 100%);

  /* Surfaces */
  --vy-bg: #f4f7fb;
  --vy-bg-deep: #eef3f8;
  --vy-surface: #ffffff;
  --vy-surface-2: #eef3f8;
  --vy-line: #d8e1ec;
  --vy-line-strong: #8293a8;
  --vy-text: #111827;
  --vy-muted: #475569;

  /* Semantics */
  --vy-live: #147a5b;
  --vy-ok: #147a5b;
  --vy-warn: #94600c;
  --vy-danger: #b42318;

  /* Atmosphere */
  --vy-ambient:
    radial-gradient(ellipse 920px 440px at 6% -8%, rgba(56, 189, 248, 0.14) 0%, transparent 58%),
    radial-gradient(ellipse 760px 400px at 94% 0%, rgba(44, 207, 155, 0.11) 0%, transparent 52%),
    radial-gradient(ellipse 640px 320px at 50% 100%, rgba(29, 78, 216, 0.06) 0%, transparent 55%),
    linear-gradient(180deg, #fbfdff 0%, var(--vy-bg) 54%, var(--vy-bg-deep) 100%);
  --vy-texture: radial-gradient(rgba(29, 78, 216, 0.045) 0.65px, transparent 0.65px);
  --vy-texture-size: 26px 26px;

  /* Type — ONE ecosystem stack (Onest/Unbounded; no Inter/Roboto/Geist forks) */
  --vy-font-display: "Unbounded", "Avenir Next", "Trebuchet MS", system-ui, sans-serif;
  --vy-font-body: "Onest", "Segoe UI", "Helvetica Neue", system-ui, sans-serif;
  --vy-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Shape & motion */
  --vy-r-sm: 10px;
  --vy-r: 14px;
  --vy-r-lg: 18px;
  --vy-r-xl: 26px;
  --vy-r-pill: 999px;
  --vy-maxw: 1120px;
  --vy-sh-1: 0 1px 2px rgba(16, 20, 28, 0.08);
  --vy-sh-2: 0 14px 36px rgba(16, 20, 28, 0.10);
  --vy-sh-3: 0 24px 56px rgba(15, 23, 42, 0.14);
  --vy-sh-brand: 0 12px 28px rgba(29, 78, 216, 0.22);
  --vy-dur: 200ms;
  --vy-ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --vy-header-h: 64px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --vy-brand: #6e9bff;
  --vy-brand-hover: #8bb0ff;
  --vy-brand-deep: #93b4ff;
  --vy-brand-ink: #0b0d11;
  --vy-brand-soft: rgba(110, 155, 255, 0.14);
  --vy-brand-line: rgba(110, 155, 255, 0.28);
  --vy-brand-glow: rgba(110, 155, 255, 0.18);
  --vy-sky: #38bdf8;
  --vy-mint: #3fd9c0;
  --vy-indigo: #93b4ff;
  --vy-aurora: linear-gradient(128deg, #2e5bd6 0%, #1e40af 42%, #38bdf8 100%);
  --vy-aurora-mark: linear-gradient(135deg, #2e5bd6 0%, #38bdf8 58%, #2ccf9b 100%);
  --vy-bg: #0b0d11;
  --vy-bg-deep: #080a0e;
  --vy-surface: #14181f;
  --vy-surface-2: #1c222b;
  --vy-line: #333b48;
  --vy-line-strong: #454e5e;
  --vy-text: #eceff4;
  --vy-muted: #9ba4b4;
  --vy-ambient:
    radial-gradient(ellipse 920px 440px at 6% -8%, rgba(56, 189, 248, 0.10) 0%, transparent 58%),
    radial-gradient(ellipse 760px 400px at 94% 0%, rgba(44, 207, 155, 0.08) 0%, transparent 52%),
    radial-gradient(ellipse 640px 320px at 50% 100%, rgba(46, 91, 214, 0.10) 0%, transparent 55%),
    linear-gradient(180deg, #0e1218 0%, var(--vy-bg) 54%, var(--vy-bg-deep) 100%);
  --vy-texture: radial-gradient(rgba(110, 155, 255, 0.05) 0.65px, transparent 0.65px);
  --vy-sh-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --vy-sh-2: 0 14px 36px rgba(0, 0, 0, 0.44);
  --vy-sh-3: 0 24px 56px rgba(0, 0, 0, 0.5);
  --vy-sh-brand: 0 12px 28px rgba(46, 91, 214, 0.35);
}