/* ============================================================
   DRITAL Design System — токены (адаптировано под кириллицу)
   Оригинальные шрифты системы латинские; для RU/RO добавлены
   кириллические аналоги в тот же стек (Oswald / Manrope / JetBrains Mono).
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root{
  /* ── Brand: acid lime ── */
  --lime-100:#f4fdce;--lime-200:#e9fba0;--lime-300:#e0fa6b;--lime-400:#d4f70a;--lime-500:#c2e500;--lime-600:#9fbd00;--lime-700:#6e8300;--lime-800:#3d4900;
  /* ── Ink ── */
  --ink-900:#0a0a0b;--ink-850:#0e0e10;--ink-800:#141416;--ink-700:#161a1b;--ink-600:#1f2022;--ink-500:#2a2b2e;--ink-400:#3a3c40;--ink-300:#55575c;
  /* ── Paper ── */
  --paper-000:#ffffff;--paper-050:#fdfdfd;--paper-100:#f4f4f2;--paper-200:#e7e7e4;--paper-300:#d2d2ce;
  --gray-400:#a9a9ab;--gray-500:#8a8a8c;--gray-600:#6b6b6e;--gray-700:#4a4a4d;
  /* ── Signal ── */
  --signal-success:#6ee787;--signal-warning:#ffc24b;--signal-danger:#ff5c42;--signal-info:#7fd4ff;

  /* ── Semantic — DARK по умолчанию ── */
  --bg-page:var(--ink-850);
  --bg-surface:var(--ink-800);
  --bg-surface-raised:var(--ink-700);
  --bg-inset:var(--ink-900);
  --bg-accent:var(--lime-400);
  --bg-accent-soft:rgba(212,247,10,.12);
  --bg-hover:rgba(255,255,255,.06);
  --bg-press:rgba(255,255,255,.03);

  --text-primary:#ffffff;
  --text-secondary:rgba(255,255,255,.68);
  --text-muted:rgba(255,255,255,.42);
  --text-accent:var(--lime-400);
  --text-on-accent:var(--ink-900);
  --text-inverse:var(--ink-900);

  --border-subtle:rgba(255,255,255,.10);
  --border-strong:rgba(255,255,255,.22);
  --border-accent:var(--lime-400);
  --border-focus:var(--lime-300);

  --surface-card:var(--ink-800);
  --surface-card-border:rgba(255,255,255,.10);
  --surface-field:rgba(255,255,255,.04);
  --surface-overlay:rgba(10,10,11,.72);
  --surface-marquee:var(--lime-400);

  /* ── Type ── */
  --font-display:"Manrope",Helvetica,Arial,sans-serif;
  --font-sans:"Manrope",Helvetica,Arial,sans-serif;
  --font-mono:"Manrope",Helvetica,Arial,sans-serif;
  --fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;
  --fs-display-xl:112px;--fs-display-lg:80px;--fs-display-md:56px;--fs-display-sm:40px;
  --fs-h1:40px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;
  --fs-body-lg:18px;--fs-body:16px;--fs-body-sm:14px;--fs-caption:12px;--fs-micro:11px;
  --lh-display:0.94;--lh-tight:1.06;--lh-snug:1.25;--lh-normal:1.55;--lh-relaxed:1.7;
  --tracking-display:-0.01em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-label:0.14em;--tracking-mono:0.06em;

  /* ── Spacing ── */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
  --container-max:1280px;--container-narrow:760px;
  --gutter-sm:20px;--gutter:40px;
  --section-y:120px;--section-y-sm:72px;
  --nav-h:72px;--grid-gap:24px;
  --pad-btn-y:12px;--pad-btn-x:24px;--pad-field-y:12px;--pad-field-x:16px;--pad-card:24px;--pad-card-lg:32px;

  /* ── Shape ── */
  --radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--radius-circle:50%;
  --border-width:1px;--border-width-strong:1.5px;--border-width-heavy:2px;
  --radius-button:var(--radius-pill);--radius-field:var(--radius-md);--radius-card:var(--radius-lg);--radius-panel:var(--radius-xl);--radius-chip:var(--radius-pill);

  /* ── Effects ── */
  --shadow-sm:0 1px 2px rgba(0,0,0,.40);--shadow-md:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 24px 64px rgba(0,0,0,.55);
  --shadow-inset-hairline:inset 0 1px 0 rgba(255,255,255,.06);
  --glow-accent:0 0 48px rgba(212,247,10,.35);--glow-accent-strong:0 0 96px rgba(212,247,10,.55);--glow-accent-inset:inset 0 0 40px rgba(212,247,10,.18);
  --blur-sm:8px;--blur-md:16px;--blur-lg:32px;
  --glass-dark:rgba(20,20,22,.66);
  --wash-lime:radial-gradient(60% 60% at 50% 40%,rgba(212,247,10,.28) 0%,rgba(212,247,10,0) 70%);
  --wash-steel:linear-gradient(150deg,#6f7276 0%,#2c2e31 55%,#17181a 100%);
  --texture-columns-dark:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 80px);

  /* ── Motion ── */
  --dur-instant:80ms;--dur-fast:140ms;--dur-base:220ms;--dur-slow:360ms;--dur-slower:640ms;--dur-marquee:26s;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-snap:cubic-bezier(.16,1,.3,1);
  --ease-overshoot:cubic-bezier(.34,1.32,.64,1);
  --transition-control:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);
  --press-scale:0.97;--hover-lift:-2px;
}

@media (prefers-reduced-motion:reduce){
  :root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-slower:0ms;--press-scale:1;--hover-lift:0px}
}