:root {
  --velnor-navy: #0F2537;
  --velnor-navy-dark: #0A1B29;
  --velnor-navy-light: #173852;
  --velnor-navy-card: #111D33;
  --velnor-gold: #F3C66E;
  --velnor-gold-dark: #9E743F;
  --velnor-gold-light: #FDE68A;
  --velnor-gold-soft: #FFFDF5;
  
  --velnor-emerald: #10B981;
  --velnor-emerald-dark: #059669;
  --velnor-emerald-soft: #ECFDF5;
  --velnor-crimson: #DC2626;
  --velnor-crimson-soft: #FEF2F2;
  --velnor-amber: #F59E0B;
  --velnor-amber-soft: #FFFBEB;
  --velnor-blue: #0284C7;
  --velnor-blue-soft: #F0F9FF;

  --velnor-bg-dark: #0B1424;
  --velnor-bg-canvas: #F8FAFC;
  --velnor-surface-white: #FFFFFF;
  --velnor-surface-muted: #F1F5F9;
  --velnor-border-light: #E2E8F0;
  --velnor-border-dark: rgba(255, 255, 255, 0.1);

  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  --shadow-card: 0 4px 20px -2px rgba(15, 37, 55, 0.06), 0 2px 6px -1px rgba(15, 37, 55, 0.03);
  --shadow-hero: 0 12px 32px -8px rgba(15, 37, 55, 0.35);
  --shadow-floating: 0 10px 30px -5px rgba(14, 36, 58, 0.25);
  --shadow-sheet: 0 -12px 40px rgba(10, 27, 41, 0.22);
  --shadow-fab: 0 8px 24px rgba(15, 37, 55, 0.38);
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

.font-mono {
  font-family: var(--font-mono);
}

.velnor-gradient-hero {
  background: linear-gradient(135deg, #0F2537 0%, #173852 48%, #B8894F 95%, #F3C66E 100%);
}

.velnor-gradient-hero-dark {
  background: linear-gradient(180deg, #0A1424 0%, #0F2537 55%, #15243F 100%);
}

.velnor-gradient-gold {
  background: linear-gradient(135deg, #9E743F 0%, #F3C66E 50%, #FDE68A 100%);
}

.velnor-gradient-income {
  background: linear-gradient(135deg, #059669 0%, #10B981 100%);
}

.velnor-gradient-expense {
  background: linear-gradient(135deg, #DC2626 0%, #EF4444 100%);
}

.velnor-progress-gradient {
  background: linear-gradient(90deg, #0F2537 0%, #3B5D7A 60%, #F3C66E 100%);
}