/* VaultCue - Design Tokens (modern vault: emerald + gold + warm off-white) */
:root {
  --brand-50:  #f0faf5;
  --brand-100: #d6f2e4;
  --brand-200: #aee5cb;
  --brand-300: #79d3ab;
  --brand-400: #3fb985;
  --brand-500: #15a06a;
  --brand-600: #0e8a60;
  --brand-700: #0a5f44;
  --brand-800: #07372a;
  --brand-900: #062b21;
  --brand-950: #03160f;

  /* VaultCue named tokens (contract palette) */
  --vc-emerald:      #0e8a60;
  --vc-emerald-dark: #0a5f44;
  --vc-emerald-ink:  #07372a;
  --vc-gold:         #c9a227;
  --vc-gold-soft:    #e8d9a8;
  --vc-ink:          #0c1a16;
  --vc-muted:        #5b6b65;
  --vc-surface:      #ffffff;
  --vc-bg:           #f5f8f6;
  --vc-border:       #e3eae6;
  --vc-danger:       #dc2626;
  --vc-success:      #0e8a60;

  --color-bg:       #f5f8f6;
  --color-surface:  #ffffff;
  --color-fg:       #0c1a16;
  --color-muted:    #5b6b65;
  --color-muted-2:  #8a9a93;
  --color-border:   #e3eae6;
  --color-border-light: #eef3f0;

  --color-primary:       var(--brand-600);
  --color-primary-hover: var(--brand-700);
  --color-primary-bg:    var(--brand-50);
  --color-primary-light: var(--brand-100);

  --color-accent:        #c9a227;
  --color-accent-soft:   #e8d9a8;

  --color-success:       #0e8a60;
  --color-success-bg:    #ecfdf5;
  --color-warning:       #b8860b;
  --color-warning-bg:    #fbf7e9;
  --color-danger:        #dc2626;
  --color-danger-bg:     #fef2f2;

  /* Gold-toned premium / high-yield badges */
  --color-sponsor:       #86671a;
  --color-sponsor-bg:    #fbf7e9;
  --color-sponsor-border:#e8d9a8;
  --color-sponsor-badge: #c9a227;

  --font-display: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --radius-sm:  0.5rem;
  --radius-md:  0.75rem;
  --radius-lg:  1rem;
  --radius-xl:  1.5rem;
  --radius-full: 9999px;

  --shadow-card:  0 1px 3px rgba(7,55,42,0.07), 0 1px 2px rgba(7,55,42,0.04);
  --shadow-card-hover: 0 12px 28px rgba(7,55,42,0.10), 0 4px 10px rgba(7,55,42,0.05);
  --shadow-button: 0 4px 14px rgba(14,138,96,0.28);
}

/* Tabular figures for money / numeric cells */
.tnum,
[data-tnum],
.money {
  font-feature-settings: "tnum" 1;
  font-variant-numeric: tabular-nums;
}