/* BASH — design tokens shared by every page (vitrine + case simulator). */
:root{
    --bg:#08070a;
    --ink:#f4f1ec;
    --purple:#6b21a8;
    --purple-deep:#3a0e5c;
    --purple-glow:rgba(107,33,168,0.55);
    --line:#2a2430;
    --menu-bg:#22072f;
    --menu-bg-2:#340c47;
    --menu-text:#e9f7f9;
  }

:root{
  --neon:#c98bff;
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --brand-discord:#5865f2;
  --brand-tiktok:#25f4ee;
  --brand-tiktok-2:#fe2c55;
  --brand-instagram:#e1306c;
  interpolate-size:allow-keywords;
}

/* Film grain over every page — texture only, never intercepts clicks. */
body::before{
  content:"";position:fixed;inset:0;z-index:60;pointer-events:none;
  opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}