/* ============================================================
   GAMELADE — DESIGN TOKENS (nguồn duy nhất)
   Dùng chung cho mọi trang. Import ĐẦU TIÊN, trước base/components.
   ============================================================ */
:root{
  /* brand */
  --brand-900:#2a1257;
  --brand-800:#3a1c73;
  --brand-700:#572b96;   /* primary brand violet */
  --brand-600:#6d33b8;
  --brand-500:#7c3aed;   /* bright accent */
  --brand-tint:#efe8fb;
  --brand-tint-2:#f7f3fd;

  /* ink (text) */
  --ink-900:#15111d;     /* headings */
  --ink-800:#221d2e;
  --ink-700:#3b3646;     /* body */
  --ink-600:#56525f;
  --ink-500:#787480;     /* meta */
  --ink-400:#9d99a6;

  /* lines & surfaces */
  --line:#e8e6ee;
  --line-2:#f1eff5;
  --paper:#ffffff;
  --paper-2:#fafafb;

  /* accents / platform colors */
  --coral:#e23e6b;       /* inline links */
  --ps:#1f6feb;
  --xbox:#2a9d35;
  --nin:#e4002b;
  --pc:#0ca59f;
  --gold:#e0a32e;
  --accent:#572b96;      /* interactive violet (text/links/ticks) */
  --topbar-bg:rgba(255,255,255,.92);
  color-scheme:light;

  /* layout */
  --rail:62px;
  --maxw:1200px;
  --r:10px;

  /* spacing scale */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:88px;

  /* type */
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

[data-theme="dark"]{
  color-scheme:dark;
  --brand-tint:rgba(124,58,237,.18);
  --brand-tint-2:rgba(124,58,237,.11);
  --accent:#b9a3ff;
  --ink-900:#f4f2f9; --ink-800:#e6e3ef; --ink-700:#c9c5d6; --ink-600:#a8a3b7; --ink-500:#8b8799; --ink-400:#6f6b7d;
  --line:#2a2536; --line-2:#221d2e;
  --paper:#131019; --paper-2:#1b1726;
  --topbar-bg:rgba(19,16,25,.82);
  --coral:#ff5e85; --ps:#4f8dff; --xbox:#3fb14b; --nin:#ff4f6b; --pc:#1fc0b8; --gold:#e8b23e;
}