/* ============================================================
   JManage — Brand Design Tokens
   Camera-first bookkeeping for small business
   Refined teal / rust / cream system
   ============================================================ */

:root {
  /* ---------- CORE BRAND ---------- */
  --jm-teal:        #0E7C86;  /* Primary — Hydra Teal (brand core) */
  --jm-rust:        #C0552B;  /* Secondary — Rust (accent / CTA) */
  --jm-cream:       #F6F1E7;  /* Surface base — Warm Cream */
  --jm-ink:         #1F2421;  /* Primary text — Deep Ink */

  /* ---------- TEAL RAMP ---------- */
  --teal-50:  #E7F4F5;
  --teal-100: #C6E6E8;
  --teal-200: #97D2D7;
  --teal-300: #5FB6BD;
  --teal-400: #2E97A0;
  --teal-500: #0E7C86;  /* base */
  --teal-600: #0A646D;
  --teal-700: #094F57;
  --teal-800: #0A3F45;
  --teal-900: #0A3035;

  /* ---------- RUST RAMP ---------- */
  --rust-50:  #FBEDE6;
  --rust-100: #F6D5C5;
  --rust-200: #ECAF95;
  --rust-300: #E08A66;
  --rust-400: #D26B41;
  --rust-500: #C0552B;  /* base */
  --rust-600: #A24420;
  --rust-700: #82371B;
  --rust-800: #652B17;
  --rust-900: #4E2213;

  /* ---------- CREAM / NEUTRAL RAMP ---------- */
  --cream-50:  #FCFAF5;
  --cream-100: #F6F1E7;  /* base surface */
  --cream-200: #EDE6D6;
  --cream-300: #DED4BF;
  --neutral-400: #B8AE9A;
  --neutral-500: #8B8473;
  --neutral-600: #635E51;
  --neutral-700: #46423A;
  --neutral-800: #2C2A25;
  --neutral-900: #1F2421;  /* ink */

  /* ---------- SEMANTIC ---------- */
  --success: #2E7D4F;
  --success-bg: #E4F1E9;
  --warning: #C08A1E;
  --warning-bg: #F8EFD7;
  --error:   #B23A48;
  --error-bg: #F7E3E5;
  --info:    #2E97A0;
  --info-bg: #E7F4F5;

  /* ---------- LIGHT MODE ROLES ---------- */
  --bg:           #F6F1E7;
  --surface:      #FCFAF5;
  --surface-2:    #FFFFFF;
  --border:       #E3DCCC;
  --border-strong:#D0C7B2;
  --text:         #1F2421;
  --text-muted:   #635E51;
  --text-faint:   #968E7C;
  --primary:      #0E7C86;
  --primary-hover:#0A646D;
  --accent:       #C0552B;
  --accent-hover: #A24420;

  /* ---------- DARK MODE ROLES ---------- */
  --d-bg:         #14201F;
  --d-surface:    #1B2A29;
  --d-surface-2:  #213332;
  --d-border:     #2F4543;
  --d-text:       #E8EAE6;
  --d-text-muted: #9DB0AD;
  --d-primary:    #3FAAB3;
  --d-accent:     #E0855C;

  /* ---------- TYPOGRAPHY ---------- */
  --font-display: 'Space Grotesk', 'DM Sans', system-ui, sans-serif;
  --font-body:    'DM Sans', 'Inter', system-ui, sans-serif;
  --font-mono:    'Geist Mono', 'IBM Plex Mono', monospace;

  /* ---------- RADIUS / SHADOW ---------- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-full: 999px;
  --shadow-sm: 0 1px 2px rgba(31,36,33,.06), 0 1px 3px rgba(31,36,33,.08);
  --shadow-md: 0 4px 12px rgba(31,36,33,.08), 0 2px 4px rgba(31,36,33,.06);
  --shadow-lg: 0 12px 32px rgba(31,36,33,.12), 0 4px 8px rgba(31,36,33,.06);
}