/* shared/styles/theme-tokens.css
   Sundry brand theme system.
   Each [data-theme="..."] block defines the palette via CSS custom properties.
   Tailwind utility classes in each tool reference these via tailwind.config:
     'theme-primary': 'var(--theme-primary)' etc.

   Base palettes (every tool):
     - sage (Sundry default)
     - slate
     - terracotta
     - dark

   Category-appropriate palettes (opt-in per tool):
     - dusty-rose       — Wedding Budget Ledger
     - navy-gold        — Side Hustle / 1099 Tracker
     - burgundy         — Wine Tasting Log
*/

:root, [data-theme="sage"] {
  --theme-primary:     #6b8e6f;
  --theme-accent:      #8aa791;
  --theme-on-primary:  #ffffff;
  --surface-base:      #fafaf7;
  --surface-elev:      #ffffff;
  --surface-muted:     #e8e8e0;
  --copy-primary:      #2d3a30;
  --copy-muted:        #6b7a6f;
  --success:           #5a8a5e;
  --warning:           #b88a4a;
  --danger:            #b94a3c;
}

[data-theme="slate"] {
  --theme-primary:     #475569;
  --theme-accent:      #64748b;
  --theme-on-primary:  #ffffff;
  --surface-base:      #f8fafc;
  --surface-elev:      #ffffff;
  --surface-muted:     #e2e8f0;
  --copy-primary:      #0f172a;
  --copy-muted:        #64748b;
  --success:           #16a34a;
  --warning:           #d97706;
  --danger:            #dc2626;
}

[data-theme="terracotta"] {
  --theme-primary:     #b45a3c;
  --theme-accent:      #c9764f;
  --theme-on-primary:  #ffffff;
  --surface-base:      #faf6f2;
  --surface-elev:      #ffffff;
  --surface-muted:     #ead8c8;
  --copy-primary:      #3a2418;
  --copy-muted:        #7a5a4a;
  --success:           #6b8e3d;
  --warning:           #c4823a;
  --danger:            #b94a3c;
}

[data-theme="dark"] {
  --theme-primary:     #7da084;
  --theme-accent:      #9ab9a1;
  --theme-on-primary:  #0f1410;
  --surface-base:      #0f1410;
  --surface-elev:      #1a1f1c;
  --surface-muted:     #2a3530;
  --copy-primary:      #e8efea;
  --copy-muted:        #9ca8a0;
  --success:           #6db77a;
  --warning:           #d4a557;
  --danger:            #d97676;
}

/* Wedding Budget Ledger — romantic but grounded */
[data-theme="dusty-rose"] {
  --theme-primary:     #b87683;
  --theme-accent:      #c89aa3;
  --theme-on-primary:  #ffffff;
  --surface-base:      #fbf5f5;
  --surface-elev:      #ffffff;
  --surface-muted:     #ebd5d8;
  --copy-primary:      #3d2429;
  --copy-muted:        #8a6770;
  --success:           #7a9b6d;
  --warning:           #c4823a;
  --danger:            #a8434a;
}

/* Side Hustle / 1099 Tracker — trust + success */
[data-theme="navy-gold"] {
  --theme-primary:     #1e3a5f;
  --theme-accent:      #2c4a73;
  --theme-on-primary:  #ffffff;
  --surface-base:      #f7f6f2;
  --surface-elev:      #ffffff;
  --surface-muted:     #e5e2d8;
  --copy-primary:      #0d1f33;
  --copy-muted:        #5a6378;
  --success:           #c4a157;       /* gold */
  --warning:           #d4823a;
  --danger:            #b94a3c;
}

/* Wine Tasting Log — premium cellar */
[data-theme="burgundy"] {
  --theme-primary:     #722f37;
  --theme-accent:      #8c4148;
  --theme-on-primary:  #f9f3e9;
  --surface-base:      #faf5ed;
  --surface-elev:      #ffffff;
  --surface-muted:     #e9dcc7;
  --copy-primary:      #2e1418;
  --copy-muted:        #735c5e;
  --success:           #6b8e3d;
  --warning:           #c4823a;
  --danger:            #a8434a;
}

body {
  background: var(--surface-base);
  color: var(--copy-primary);
  transition: background 0.2s ease, color 0.2s ease;
}