/* ==========================================================================
   InnBucks Connect — Design Tokens
   Single source of truth for colour, type, spacing, radius and shadow.
   Carried forward from the approved brand/design-system mockups.
   ========================================================================== */
:root{
  /* --- brand purple ramp --- */
  --p50:#F5F4F7;--p100:#E9E6EE;--p200:#D0C9DC;--p300:#B2A7C5;--p400:#9282AC;
  --p500:#746095;--p600:#5A4181;--p700:#432870;--p800:#321363;--p900:#210056;--p950:#150038;
  /* --- violet accent ramp --- */
  --v300:#C1A5D4;--v400:#A880C2;--v500:#8C58AE;--v600:#6E2B99;--v700:#62248E;--v800:#551D84;
  /* --- neutrals --- */
  --n0:#fff;--n50:#FAFAFB;--n100:#F3F4F6;--n200:#E5E7EB;--n300:#D1D5DB;--n400:#9CA3AF;
  --n500:#6B7280;--n600:#4B5563;--n700:#374151;--n900:#111827;
  /* --- gold accent --- */
  --gold:#F4C93B;--gold50:#FEFBEE;
  /* --- status --- */
  --ok:#067647;--ok50:#ECFDF3;--warn:#B54708;--warn50:#FFFAEB;--err:#B42318;--err50:#FEF3F2;
  --info:#175CD3;--info50:#EFF8FF;
  /* --- spacing scale --- */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;
  /* --- radius scale --- */
  --r:14px;--rc:16px;--rp:18px;--rl:22px;--rfull:999px;
  --logo-radius:14px;
  /* --- type --- */
  --sans:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  /* --- shadow --- */
  --sh-xs:0 1px 2px rgba(21,0,56,.06);
  --sh-sm:0 2px 5px rgba(21,0,56,.09),0 1px 3px rgba(21,0,56,.07);
  --sh-md:0 6px 16px rgba(21,0,56,.10),0 2px 6px rgba(21,0,56,.06);
  --sh-lg:0 20px 48px rgba(21,0,56,.16),0 6px 14px rgba(21,0,56,.08);
  --sh-hover:0 16px 34px rgba(21,0,56,.18),0 5px 12px rgba(21,0,56,.09);
  --soft-border:rgba(16,10,28,0.08);
  --soft-shadow-sm:0 10px 26px rgba(16,10,28,0.09);
  --soft-shadow-xs:0 5px 14px rgba(16,10,28,0.06);
  /* --- layout --- */
  --maxw:1360px;
  --edge:72px;      /* desktop side margin */
  --edge-lg:40px;    /* laptop 1280 side margin */
  --edge-tab:32px;   /* tablet 768 side margin */
  --edge-mob:16px;   /* mobile side margin */
  --header-h:72px;
  --header-h-mob:58px;
  --bottomnav-h:64px;
  --z-header:100;
  --z-drawer:200;
  --z-sheet:210;
  --z-toast:300;
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}