/* rival-afk.com · tokens.css — стиль nolejje (реальные токены из их css):
   --bg #0b0b0f · --accent #ff3355 · JBM везде · Unbounded 900 заголовки
   структура motion из design.md (ease/spring катálogo). */

@layer reset, tokens, base, components, utilities, motion;

@layer tokens {
  :root {
    color-scheme: dark;

    /* --- палитра nolejje (ui.css verbatim) --- */
    --bg: #0b0b0f;
    --surface: rgba(255, 255, 255, 0.04);
    --surface-strong: rgba(255, 255, 255, 0.07);
    --surface-accent: rgba(255, 51, 85, 0.12);
    --border: rgba(255, 255, 255, 0.08);
    --border-accent: rgba(255, 51, 85, 0.32);
    --text: #f4f4f5;
    --muted: #999;
    --faint: #777;
    --accent: #ff3355;
    --accent-soft: #ff6a83;
    --chip-text: #ff8ca0;
    --success: #91e7b5;
    --danger: #ff97aa;
    --shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
    --glow: rgba(255, 51, 85, 0.35);
    --glow-sm: rgba(255, 51, 85, 0.16);

    /* --- шрифты (как в nolejje; Inter — резерв) --- */
    --font-display: "Unbounded", system-ui, sans-serif;
    --font-body: "JetBrains Mono", ui-monospace, monospace;
    --font-fallback: "Inter", system-ui, sans-serif;

    /* --- размеры nolejje --- */
    --h-display: 120px;          /* .red-title */
    --h-big: clamp(30px, 6vw, 72px);   /* .intro-title / .features-title */
    --h-card: 34px;              /* .feature-card h3 */
    --t-body: 18px;              /* p, intro-text */
    --t-small: 15px;
    --t-micro: 13px;

    /* --- формы (радиусы nolejje) --- */
    --r-chip: 16px;
    --r-card: 30px;
    --r-mob: 20px;
    --r-full: 999px;

    /* --- ритм --- */
    --pad-x: clamp(18px, 4vw, 80px);
    --nav-h: 86px;

    /* --- движение (design.md 6, применяем к форме nolejje) --- */
    --ease-standard: cubic-bezier(.2, 0, 0, 1);
    --ease-decel: cubic-bezier(.05, .7, .1, 1);
    --spring-fast: linear(0, .38 6%, .78 13%, 1.02 20%, 1.07 25%, 1.03 32%, .99 42%, 1);
    --spring-bouncy: linear(0, .5 5%, 1.05 14%, 1.12 20%, 1.02 32%, .97 42%, 1.01 55%, 1);
    --dur-s: 150ms; --dur-m: 300ms; --dur-l: 500ms; --dur-xl: 800ms;
  }
}
