/* ==========================================
   ORIVEXAS - Design Tokens
   Palette: Navy Premium
   ========================================== */

:root {
  /* Primary */
  --color-primary: #1E3A8A;
  --color-primary-hover: #1E40AF;
  --color-accent: #38BDF8;

  /* Financial */
  --color-income: #22C55E;
  --color-expense: #DC2626;
  --color-transfer: #2563EB;
  --color-budget: #F59E0B;
  --color-saving-goal: #3B82F6;
  --color-investment: #14B8A6;

  /* Background (Light Mode) */
  --color-background: #F8FAFC;
  --color-card: #FFFFFF;
  --color-border: #E2E8F0;

  /* Typography (Light Mode) */
  --color-text-primary: #0F172A;
  --color-text-secondary: #64748B;
  --color-text-disabled: #94A3B8;
  --color-text-white: #FFFFFF;

  /* Status */
  --color-success: #22C55E;
  --color-info: #3B82F6;
  --color-warning: #F59E0B;
  --color-error: #DC2626;

  /* Chart - category tambahan */
  --color-category-1: #8B5CF6;
  --color-category-2: #6366F1;
  --color-category-3: #94A3B8;

  /* Layout */
  --radius: 15px;
  --shadow-soft: 0 2px 10px rgba(15, 23, 42, 0.06);
  --font-family: 'Inter', 'Poppins', 'Roboto', sans-serif;
}

/* Dark Mode */
[data-theme="dark"] {
  --color-background: #020617;
  --color-surface: #0F172A;
  --color-card: #1E293B;
  --color-border: #334155;

  --color-text-primary: #F8FAFC;
  --color-text-secondary: #CBD5E1;
  --color-text-disabled: #94A3B8;

  --color-primary: #3B82F6;
  --color-income: #4ADE80;
  --color-expense: #F87171;
  --color-budget: #FBBF24;
  --color-transfer: #60A5FA;
  --color-saving-goal: #38BDF8;
  --color-investment: #2DD4BF;
}