/* BEGADUH Design System — Design Tokens (single source of truth)
   See docs/DESIGN_GUIDE.md §14. Loaded by both web & admin. */
:root {
  /* Brand: BEGADUH Crimson (token name kept as --royal-* for compatibility) */
  --royal-50:#FCEBE9; --royal-100:#F9D2CE; --royal-200:#F2A69D;
  --royal-300:#EB7A6D; --royal-400:#E85446; --royal-500:#E23B2E;
  --royal-600:#C22619; --royal-700:#8E1A11; --royal-800:#57140E; --royal-900:#2A0C08;

  /* Accent: Gold */
  --gold-400:#FFC93C; --gold-500:#F5B301; --gold-600:#D69400;

  /* Metallic: Silver */
  --silver-100:#DCE3EC; --silver-300:#9AA6B6; --silver-500:#6E7B8C;

  /* Riau tricolor (decorative) */
  --flag-red:#E63329; --flag-white:#FFFFFF; --flag-green:#1E9E5A;

  /* Neutrals: Slate */
  --white:#FFFFFF; --slate-50:#F5F7FB; --slate-100:#EDF1F7; --slate-200:#E1E7F0;
  --slate-300:#CBD3E0; --slate-400:#9AA5B8; --slate-500:#6B7689;
  --slate-600:#4A5468; --slate-700:#333C4E; --slate-800:#1F2733; --slate-900:#121723;

  /* Semantic */
  --success:#1B9E54; --success-bg:#E8F7EF;
  --warning:#F59E0B; --warning-bg:#FEF4E2;
  --danger:#DC2A2A;  --danger-bg:#FDEAEA;
  --info:#1B4DD1;    --info-bg:#EEF3FE;

  /* Surfaces */
  --surface-page:#F5F6F8; --surface-card:#FFFFFF;
  --surface-dark:#1b1416; --surface-darkest:#120c0d;
  --surface-overlay:rgba(18,12,13,.6);
  --hero-gradient:linear-gradient(180deg, rgba(13,12,16,.12), rgba(13,12,16,.82));

  /* Typography */
  --font-display:"Barlow Condensed","Saira Condensed","Oswald",sans-serif;
  --font-body:"Inter","Plus Jakarta Sans",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","Roboto Mono",monospace;

  /* Spacing */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px;
  --space-6:24px; --space-7:32px; --space-8:40px; --space-9:48px;
  --space-10:64px; --space-11:80px; --space-12:96px;

  /* Radius */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-xl:24px; --radius-pill:999px;

  /* Elevation */
  --shadow-e1:0 1px 2px rgba(20,16,18,.06), 0 1px 3px rgba(20,16,18,.10);
  --shadow-e2:0 4px 12px rgba(20,16,18,.12);
  --shadow-e3:0 12px 32px rgba(20,16,18,.20);
  --ring:0 0 0 3px rgba(226,59,46,.35);

  /* Motion */
  --motion-fast:120ms; --motion-base:200ms; --motion-slow:320ms;
  --ease-standard:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(0,0,.2,1);

  /* Z-index */
  --z-dropdown:1000; --z-sticky:1020; --z-fixed:1030;
  --z-backdrop:1040; --z-modal:1050; --z-popover:1060; --z-toast:1080;
}

@media (prefers-reduced-motion: reduce) {
  * { animation:none !important; transition:none !important; }
}