/* ── Geist as default font ── */
:root {
  font-family: 'Geist', system-ui, sans-serif;

  /* Default to Violet Mist so variables resolve even without data-theme */
  --color-bg:          #FAFAFA;
  --color-surface:     #F5F3FF;
  --color-surface-2:   #EDE9FE;
  --color-border:      #DDD6FE;
  --color-border-muted:#EDE9FE;
  --color-accent:      #8B5CF6;
  --color-accent-hover:#7C3AED;
  --color-primary-text:#2E1065;
  --color-muted-text:  #6D28D9;
  --color-faint-text:  #A78BFA;
  --color-success:     #16A34A;
  --color-success-bg:  #F0FDF4;
  --color-danger:      #DC2626;
  --color-danger-bg:   #FEF2F2;
  --sidebar-bg:        #2E1065;
  --sidebar-text:      #EDE9FE;
  --sidebar-text-muted:#A78BFA;
  --sidebar-item-hover:#3B1578;
  --sidebar-item-active:#4C1D95;
  --sidebar-border:    #3B1578;
  --sidebar-accent:    #8B5CF6;
}

/* ══════════════════════════════════════
   VIOLET MIST  (light default)
   ══════════════════════════════════════ */
[data-theme="violet"] {
  --color-bg:          #FAFAFA;
  --color-surface:     #F5F3FF;
  --color-surface-2:   #EDE9FE;
  --color-border:      #DDD6FE;
  --color-border-muted:#EDE9FE;

  --color-accent:      #8B5CF6;
  --color-accent-hover:#7C3AED;
  --color-primary-text:#2E1065;
  --color-muted-text:  #6D28D9;
  --color-faint-text:  #A78BFA;

  --color-tag-work-bg: #FFE4E6;
  --color-tag-work-fg: #9F1239;
  --color-tag-list-bg: #F5F3FF;
  --color-tag-list-fg: #4C1D95;
  --color-tag-routine-bg:#EDE9FE;
  --color-tag-routine-fg:#4C1D95;

  --color-success:     #16A34A;
  --color-success-bg:  #F0FDF4;
  --color-danger:      #DC2626;
  --color-danger-bg:   #FEF2F2;

  --sidebar-bg:        #2E1065;
  --sidebar-text:      #EDE9FE;
  --sidebar-text-muted:#A78BFA;
  --sidebar-item-hover:#3B1578;
  --sidebar-item-active:#4C1D95;
  --sidebar-border:    #3B1578;
  --sidebar-accent:    #8B5CF6;
}

/* ══════════════════════════════════════
   OBSIDIAN  (dark)
   ══════════════════════════════════════ */
[data-theme="obsidian"] {
  --color-bg:          #111113;
  --color-surface:     #1C1C1E;
  --color-surface-2:   #2C2C30;
  --color-border:      #3A3A40;
  --color-border-muted:#2C2C30;

  --color-accent:      #6E56CF;
  --color-accent-hover:#9E8CFC;
  --color-primary-text:#E8E8F0;
  --color-muted-text:  #A09DC0;
  --color-faint-text:  #6B6885;

  --color-tag-work-bg: #2C2C30;
  --color-tag-work-fg: #C4B5FD;
  --color-tag-list-bg: #2C2C30;
  --color-tag-list-fg: #9E8CFC;
  --color-tag-routine-bg:#2C2C30;
  --color-tag-routine-fg:#C4B5FD;

  --color-success:     #4ADE80;
  --color-success-bg:  #052e16;
  --color-danger:      #F87171;
  --color-danger-bg:   #450a0a;

  --sidebar-bg:        #0A0A0B;
  --sidebar-text:      #E8E8F0;
  --sidebar-text-muted:#6B6885;
  --sidebar-item-hover:#1C1C1E;
  --sidebar-item-active:#2C2C30;
  --sidebar-border:    #1C1C1E;
  --sidebar-accent:    #9E8CFC;
}