/*
 * Fynwis design tokens
 * Source: brand/fynwis-brand-guideline.pdf + the dark theme already in use on the founder site.
 * Font: Inter (primary). Logo wordmark uses Poiret One — use the logo file, don't retype it.
 *
 * <link rel="preconnect" href="https://fonts.googleapis.com" />
 * <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 * <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
 */
:root {
  /* Primary — Breaker Bay Teal (trust + tech) */
  --teal-400: #40C8C4;
  --teal-500: #04C8C4;   /* "Elevated" in dark mode */
  --teal-600: #00A6A6;   /* brand primary */
  --teal-950: #003033;
  --teal-glow: rgba(0,166,166,0.14);

  /* Secondary — Gold (action + attention) */
  --gold-400: #FFBF3F;
  --gold-500: #FFAD08;   /* brand secondary, CTAs */
  --gold-glow: rgba(255,173,8,0.14);

  /* Dark surfaces */
  --bg-page:    #003033;
  --bg-surface: #00454A; /* guideline: #0D5354 */
  --bg-card:    #00494F;
  --bg-overlay: rgba(0,48,51,0.92);
  --bg-dark:    #001E20;
  --brand-deep: #06423F; /* guideline cover / logo dark */

  /* Text */
  --text-primary:   #FFFFFF;
  --text-secondary: rgba(255,255,255,0.62);
  --text-muted:     rgba(255,255,255,0.55);

  /* Borders */
  --border:        rgba(0,166,166,0.18);
  --border-strong: rgba(0,166,166,0.32);

  /* Category / chart colours */
  --cat-income:        #00A6A6;
  --cat-spending:      #6B7280;
  --cat-savings:       #3B82F6;
  --cat-investments:   #8B5CF6;
  --cat-bills:         #EF4444;
  --cat-insurance:     #F59E0B;
  --cat-goals:         #10B981;
  --cat-subscriptions: #EC4899;

  /* Shape & layout */
  --radius-card: 16px;
  --radius-pill: 100px;
  --max-w: 1100px;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}