/* ==========================================================================
   Design tokens — the ONLY place raw colours, radii and shadows are declared
   (UI_GUIDELINES.md §1, ADR-008). Components inherit these via Bootstrap's CSS
   variables; no component file declares a raw colour.

   Dark mode architecture: tokens are redeclared under [data-theme="dark"].
   Phase 1 ships the light theme wired end to end and the dark token block ready;
   the toggle is added in a later phase.
   ========================================================================== */

:root {
  /* Brand */
  --gm-primary:        #3A27D8;
  --gm-primary-hover:  #3120BC;
  --gm-primary-soft:   #EEEBFD;

  /* Status */
  --gm-success: #16A34A;  --gm-success-soft: #DCFCE7;
  --gm-warning: #F97316;  --gm-warning-soft: #FFEDD5;
  --gm-danger:  #DC2626;  --gm-danger-soft:  #FEE2E2;
  --gm-info:    #0EA5E9;  --gm-info-soft:    #E0F2FE;

  /* Neutrals */
  --gm-ink:        #0F172A;
  --gm-ink-muted:  #64748B;
  --gm-ink-subtle: #94A3B8;
  --gm-border:     #E9E9F0;
  --gm-surface:    #FFFFFF;
  --gm-bg:         #F7F7FB;

  --gm-money: #16A34A;

  /* Shape & depth */
  --gm-radius-card:    16px;
  --gm-radius-control: 12px;
  --gm-radius-pill:    999px;
  --gm-shadow-card:    0 1px 2px rgba(15, 23, 42, .04);
  --gm-shadow-pop:     0 8px 24px rgba(15, 23, 42, .12);
  --gm-shadow-fab:     0 8px 20px rgba(58, 39, 216, .35);

  /* Spacing scale (4px) */
  --gm-s1: 4px;  --gm-s2: 8px;  --gm-s3: 12px; --gm-s4: 16px;
  --gm-s5: 20px; --gm-s6: 24px; --gm-s8: 32px;

  --gm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  /* Layout metrics */
  --gm-header-h:  56px;
  --gm-tabbar-h:  64px;
  --gm-sidebar-w: 240px;

  /* Bootstrap overrides — map BS variables onto our tokens */
  --bs-primary:    var(--gm-primary);
  --bs-body-bg:    var(--gm-bg);
  --bs-body-color: var(--gm-ink);
  --bs-border-color: var(--gm-border);
  --bs-body-font-family: var(--gm-font);
}

:root[data-theme="dark"] {
  --gm-primary-soft: #211C4A;
  --gm-success-soft: #0E2A1A;
  --gm-warning-soft: #2A1C0E;
  --gm-danger-soft:  #2A1414;
  --gm-info-soft:    #0E2130;

  --gm-ink:        #E7EAF3;
  --gm-ink-muted:  #9AA3B5;
  --gm-ink-subtle: #6B7385;
  --gm-border:     #232838;
  --gm-surface:    #151A26;
  --gm-bg:         #0E1219;

  --bs-body-bg:    var(--gm-bg);
  --bs-body-color: var(--gm-ink);
  --bs-border-color: var(--gm-border);
}