/* ─────────────────────────────────────────────
   Tour Budget CMS — Theme Variables
   Light theme is default (:root)
   Dark theme applied via [data-theme="dark"]
───────────────────────────────────────────── */

:root {
  --bg:            #F5F2ED;
  --surface:       #FFFFFF;
  --surface2:      #ECEAE4;
  --border:        #CEC9C1;
  --border-subtle: rgba(0,0,0,0.06);
  --accent:        #C93010;
  --accent2:       #A52509;
  --accent-subtle: rgba(201,48,16,0.07);
  --btn-fg:        #FFFFFF;
  --text:          #0F0D0B;
  --muted:         #6A6258;
  --danger:        #B72B2B;
  --success:       #1A6E44;
  --rag-green:     #1A6E44;
  --rag-amber:     #B86800;
  --rag-red:       #B72B2B;
}

[data-theme="dark"] {
  --bg:            #18181b;
  --surface:       #27272a;
  --surface2:      #3f3f46;
  --border:        rgba(255,255,255,0.1);
  --border-subtle: rgba(255,255,255,0.05);
  --accent:        #E8C040;
  --accent2:       #D4A828;
  --accent-subtle: rgba(232,192,64,0.08);
  --btn-fg:        #18181b;
  --text:          #fafafa;
  --muted:         #a1a1aa;
  --danger:        #E05252;
  --success:       #52C78A;
  --rag-green:     #52C78A;
  --rag-amber:     #E8C040;
  --rag-red:       #E05252;
}