/* ═══════════════════════════════════════════════════════════════════════════
   ВЕНДОРНАЯ КОПИЯ. Не редактировать здесь.
   Источник истины: design_handoff/portal_v1/project/tokens/space.css
   [PATCH LANDING-CMS-Ф2: вендоринг токенов ДС в деплоируемую статику]
   ═══════════════════════════════════════════════════════════════════════════ */

/* PowerArena — spacing, radius, elevation, motion, layout.

   Portal/landing geometry comes from pa_tokens.css + landing v9:
   two radii only (12 / 7), a 1140px measure, 72px section rhythm.
   The dense game-client values are kept below as the legacy scale. */

:root{
  /* ── Radius. The whole portal uses exactly two. ── */
  --radius:    12px;  /* cards, modals, panels */
  --radius-sm:  7px;  /* buttons, fields, chips */
  --radius-pill: 999px;
  --radius-full: 50%;

  /* legacy game-client radii */
  --r-xs:  2px; --r-sm:  3px; --r-md:  5px; --r-lg:  6px;
  --r-xl:  7px; --r-2xl: 8px; --r-3xl: 9px; --r-4xl:12px;
  --r-5xl:14px; --r-chip:16px; --r-pill:20px; --r-full:50%;

  /* ── Spacing ── */
  --sp-1:  2px; --sp-2:  4px; --sp-3:  5px; --sp-4:  6px;
  --sp-5:  7px; --sp-6:  8px; --sp-7: 10px; --sp-8: 12px;
  --sp-9: 14px; --sp-10:16px; --sp-11:18px; --sp-12:20px;
  --sp-13:22px; --sp-14:26px; --sp-15:28px; --sp-16:30px;
  --sp-17:32px; --sp-18:38px; --sp-19:48px; --sp-20:72px;

  --gap-cards:   22px;  /* format card grid */
  --gap-grid:    18px;  /* how-it-works grid */
  --pad-card:    30px;  /* format / contact card padding */
  --pad-section: 72px;  /* vertical section rhythm */

  /* ── Borders ── */
  --bw-hair:   1px;
  --bw-accent: 2px;
  --bw-rail:   3px;

  /* ── Elevation. --shadow is theme-aware (see colors.css). ── */
  --shadow-card:  var(--shadow);
  --shadow-modal: var(--shadow);
  --glow-top-node: drop-shadow(0 6px 22px rgba(217,185,92,.35)); /* @kind shadow */
  --glow-gold:     0 0 40px color-mix(in srgb, var(--accent) 14%, transparent);
  --glow-gold-str: 0 0 56px color-mix(in srgb, var(--accent) 24%, transparent);
  --glow-cta:      0 8px 32px color-mix(in srgb, var(--accent) 30%, transparent);

  /* ── Motion. Everything is .1–.25s; nothing bounces. ── */
  --dur-press: .1s;   /* @kind other */
  --dur-fast:  .15s; /* @kind other */
  --dur-mid:   .2s; /* @kind other */
  --dur-theme: .25s; /* @kind other */
  --dur-slow:  .3s; /* @kind other */
  --dur-data:  .4s; /* @kind other */
  --dur-bar:   .6s; /* @kind other */
  --dur-flow:  2.6s; /* @kind other */
  --ease:      ease;  /* @kind other */
  --ease-out:  cubic-bezier(.4,0,.2,1);  /* @kind other */
  --t-hover:   all var(--dur-fast);      /* @kind other */

  /* ── Overlay ── */
  --blur-modal: blur(3px); /* @kind other */
  --blur-lg: blur(12px); /* @kind other */

  /* ── Layout ── */
  --maxw:      1140px;  /* portal content measure */
  --pad-wrap:  28px;
  --h-topbar:  66px;
  --h-header-console: 52px;
  --h-header:  60px;    /* game client */
  --w-left:   380px;    /* game decisions rail */
  --w-right:  216px;    /* game leaderboard rail */
  --w-sidebar:260px;    /* facilitator sidebar */
  --w-modal:  420px;
  --scrollbar: 3px;
}