/* =============================================================================
   Flero design tokens, single source of truth.
   Consumed by the marketing build (build/marketing.mjs), the docs build
   (docs/build.mjs), and the React app (app/). Do not duplicate these values
   inline in pages; link this file instead.
   ============================================================================= */
:root {
  --bg:           #FBF8F4;
  --bg-card:      #FFFFFF;
  --bg-raised:    #F4F0EA;
  --nav-bg:       #0A0A0A;
  --text:         #1A1A1A;
  --text-muted:   #4F4F4F;
  --text-dim:     #666666;
  --border:       #E1E1E1;
  --border-soft:  #585858;
  --border-hi:    #D4D4D4;
  --blue:         #1585DC;  /* brand CTA blue (per CLAUDE.md) */
  --indigo:       #2D4CB9;  /* deep accent: featured pricing plan + accents */
  --black-btn:    #1A1A1A;

  --sans:         'Inter', system-ui, sans-serif;
  --body:         'Figtree', 'Inter', system-ui, sans-serif;
  --serif:        'Gowun Batang', Georgia, serif;
}
[data-theme="dark"] {
  --bg:           #0B0B0B;
  --bg-card:      #161616;
  --bg-raised:    #111111;
  --text:         #E2E2E2;
  --text-muted:   #B0B0B0;
  --text-dim:     #808080;
  --border:       #2A2A2A;
  --border-soft:  #404040;
  --border-hi:    #3A3A3A;
}