/* ============================================================
   tokens.css - design tokens (Цифровой сотрудник InSales)
   Палитра, типографические и пространственные переменные.
   Spatial values in rem so the whole stage scales proportionally
   with the responsive root font-size (see base.css).
   ============================================================ */

:root{
  /* palette */
  --white:#ffffff;
  --paper:#f2f5f7;        /* light gray block bg */
  --paper-2:#e7ecf0;      /* slightly deeper gray */
  --ink:#2b2d33;          /* dark gray text / dark block */
  --night:#171a1e;        /* deepest base */
  --night-2:#20242a;      /* dark card on night */
  --night-3:#2b2d33;      /* dark card alt */

  --t-ink:#2b2d33;        /* primary text on light */
  --t-mut:#5b626d;        /* secondary text on light */
  --t-faint:#8a929d;      /* muted on light */
  --t-line:#e2e7ec;       /* hairline on light */

  --d-ink:#ffffff;        /* primary on dark */
  --d-mut:#aab2bd;        /* secondary on dark */
  --d-faint:#727b86;      /* muted on dark */
  --d-line:rgba(255,255,255,.12);

  /* accents */
  --orange:#e26028;
  --orange-soft:#fbe7dc;
  --teal:#21a19a;
  --teal-light:#31c2a7;
  --teal-soft:#d6efed;
  --blue:#4a8cea;
  --blue-soft:#e1ecfc;
  --violet:#6f6ae0;
  --amber:#e9a23b;

  /* role labels for module series (slides 6-10) */
  --seo:#3f7fe0;
  --seo-bg:#e8f0fd;
  --buyer:#1d978f;
  --buyer-bg:#dcefed;

  /* radii / spacing (rem = px/16 of the 1920x1080 design) */
  --r:1.625rem;           /* 26px card radius */
  --r-sm:1rem;            /* 16px */
  --pad:5.25rem;          /* 84px slide padding */

  /* fonts */
  --font:'Manrope',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  /* stage design size (1920x1080 expressed in rem) */
  --stage-w:120rem;       /* 1920/16 */
  --stage-h:67.5rem;      /* 1080/16 */

  /* chrome */
  --rail-w:300px;        /* fixed rail width (chrome, not stage-scaled) */
  --header-h:4rem;
  --ease:cubic-bezier(.2,.7,.3,1);
}