/* unsurix · direction « Arcade » · jetons de design */
:root {
  /* Marque */
  --violet: #922DDB;
  --violet-dark: #6D1FA8;
  --violet-grad-1: #8A2BD6;
  --violet-grad-2: #C27BFF;
  --violet-grad-3: #F0DBFF;
  --particle: #B06CFF;

  /* Interface claire */
  --bg: #FFFFFF;
  --bg-soft: #F7F3FB;
  --ink: #1A1430;
  --ink-soft: #5B5470;
  --muted: #8A94AB;
  --line: #E5DCF0;

  /* Splash clair */
  --splash-bg: #F7F1FD;
  --splash-halo: #E4C6FF;

  /* Hecto */
  --hecto-bg: #121826;
  --hecto-bg-2: #1E2A45;
  --hecto-gold: #F5C451;
  --hecto-text-soft: #B9C0D2;
  --hecto-h: #FF9F1C; --hecto-e: #3FCBFF; --hecto-c: #FF5A6E; --hecto-t: #FFD23F; --hecto-o: #B06CFF;

  /* Mollumi */
  --mollumi-cream: #F5E3C7;
  --mollumi-eucalyptus: #244B43;
  --mollumi-sage: #B9CBB4;
  --mollumi-peach: #DDB29B;

  /* Boplio */
  --boplio-sky-1: #9CDAFF;
  --boplio-sky-2: #5199D2;
  --boplio-navy: #1C3F7A;
  --boplio-purple: #9A65E8; --boplio-purple-shadow: #7546C0;
  --boplio-turquoise: #26C8D7; --boplio-turquoise-shadow: #1A9AA6;
  --boplio-coral: #FB8C79;
  --boplio-yellow: #FFD04D; --boplio-yellow-shadow: #D9A92B;

  /* Typographie */
  --font-display: 'Unbounded', system-ui, sans-serif;   /* 900, titres et nav */
  --font-label: 'Chakra Petch', monospace;               /* 700, étiquettes techniques, letter-spacing .3em */
  --font-body: 'Manrope', system-ui, sans-serif;         /* 400 à 800, texte et logo (800, letter-spacing -.04em) */

  --h1: clamp(66px, 11.6vw, 168px);      /* .9 line-height, letter-spacing -.03em, uppercase */
  --h2-game: clamp(26px, 2.8vw, 40px);   /* Unbounded 900, 1.1, uppercase */
  --game-logo: clamp(56px, 6.6vw, 96px);
  --lead: clamp(16px, 1.4vw, 20px);      /* Manrope 600, 1.4 */
  --nav: 14px;                           /* Unbounded 900, letter-spacing .04em, uppercase */
  --label: 13px;                         /* Chakra Petch 700, letter-spacing .3em */
  --ticker: 22px;                        /* Unbounded 900, letter-spacing .1em */

  /* Espacement */
  --gutter: 48px;          /* ordinateur */
  --gutter-mobile: 18px;
  --nav-h: 84px;           /* mobile 64px */
  --ticker-h: 64px;        /* mobile 48px */
  --hero-h: 620px;
  --band-h: 720px;

  /* Formes */
  --r-pill: 999px;
  --r-sticker: 44px;       /* icônes 190px ; 30px pour 110px */
  --r-badge: 12px;
  --r-phone: 44px;         /* écran intérieur 34px */
  --sticker-border: 8px solid #fff;   /* mobile 6px */
  --nav-rule: 3px solid var(--ink);

  /* Ombres */
  --shadow-sticker: 0 20px 50px rgba(0,0,0,.25);
  --shadow-phone: 0 50px 100px rgba(0,0,0,.6);
  --shadow-cta: 0 12px 30px rgba(146,45,219,.3);

  /* Mouvement */
  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-bounce: cubic-bezier(.34,1.56,.64,1);
  --t-hover: .3s;
  --t-reveal: .6s;
  --ticker-speed: 28s;     /* une boucle complète */
}