/* ============================================
   CORE DESIGN TOKENS
   Theme: Pure White + Will Bank Yellow
   ============================================ */

:root {
  /* Backgrounds */
  --bg-primary: #FFFFFF;
  --bg-secondary: #FFFFFF;
  --bg-tertiary: #F3F4F6;
  --bg-elevated: #FFFFFF;
  --bg-sidebar: #F9FAFB;
  --bg-hover: rgba(0, 0, 0, 0.02);

  /* Text */
  --text-primary: #1A1A2E;
  --text-secondary: #6E6E82;
  --text-muted: #A8A8BC;

  /* Accent — teal/emerald */
  --accent: #2BB594;
  --accent-hover: #249E80;
  --accent-soft: rgba(43, 181, 148, 0.08);
  --accent-medium: rgba(43, 181, 148, 0.15);

  /* Gold (Will Bank Yellow) */
  --gold: #F2B705;
  --gold-hover: #D9A504;
  --gold-soft: rgba(242, 183, 5, 0.10);
  --gold-medium: rgba(242, 183, 5, 0.18);

  /* Semantic */
  --income: #2BB594;
  --income-soft: rgba(43, 181, 148, 0.08);
  --expense: #E0536B;
  --expense-soft: rgba(224, 83, 107, 0.08);
  --pending: #D4952E;
  --pending-soft: rgba(212, 149, 46, 0.08);

  /* Borders & Shadows */
  --border: rgba(0, 0, 0, 0.06);
  --border-hover: rgba(0, 0, 0, 0.12);
  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-num: 'DM Sans', -apple-system, sans-serif;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition: 0.2s ease;
  --transition-slow: 0.3s ease;

  /* Category colors */
  --cat-moradia: #5B7FFF;
  --cat-utilidades: #E8943A;
  --cat-telecom: #3BBFCF;
  --cat-cartao: #A855C8;
  --cat-servico: #2BB594;
  --cat-imposto: #7C8BA1;
  --cat-financ: #D4685A;
  --cat-aliment: #E5A63B;

  /* Z-Index scale */
  --z-below: -1;
  --z-normal: 1;
  --z-elevated: 10;
  --z-header: 20;
  --z-sidebar: 30;
  --z-overlay: 40;
  --z-modal: 50;
  --z-toast: 60;
}