:root {
  --bg:           #111111;
  --surface:      #1A1A1A;
  --surface-hi:   #222222;
  --border:       #2E2E2E;
  --text-primary: #F0F0F0;
  --text-sec:     #888888;
  --text-tert:    #555555;
  --accent:       #C17A20;
  --accent-hi:    #D4892A;
  --accent-dim:   rgba(193, 122, 32, 0.12);
  --green:        #22C55E;
  --green-dim:    rgba(34, 197, 94, 0.08);
  --red:          #EF4444;

  --tag-urgent:       #EF4444;
  --tag-quote:        #22C55E;
  --tag-complaint:    #E8A020;
  --tag-general:      var(--text-tert);
  --tag-urgent-bg:    rgba(239, 68,  68,  0.10);
  --tag-quote-bg:     rgba(34,  197, 94,  0.10);
  --tag-complaint-bg: rgba(232, 160, 32,  0.10);
  --tag-general-bg:   rgba(85,  85,  85,  0.10);
  --tag-cold:         #60A5FA;
  --tag-callback:     #F97316;
  --tag-cold-bg:      rgba(96,  165, 250, 0.10);
  --tag-callback-bg:  rgba(249, 115, 22,  0.10);
  --tag-quiet:        #94A3B8;
  --tag-quiet-bg:     rgba(148, 163, 184, 0.10);

  --surface-elev: var(--surface-hi);
  --text-1:       var(--text-primary);
  --text-2:       var(--text-sec);
  --text-3:       var(--text-tert);
  --accent-hover: var(--accent-hi);

  --logo-top-dark: #F0F0F0;
  --logo-bot-dark: #D4892A;
}