/* ============================================================
   Gnomon Planning — Color tokens
   Sampled from the logo + the Sonoran brand system.
   Ratio guidance: ~70% paper/neutrals · ~20% copper/warm lead
   · ~10% teal/cool accent. Copper leads; teal is the spice.
   ============================================================ */
:root {
  /* --- Core ink / text --- */
  --color-espresso: #2A231B;   /* primary text, darkest ink */
  --color-bark:     #443A30;   /* dark backgrounds, secondary dark text */

  /* --- Warm lead (the metal) --- */
  --color-copper:    #B56C3F;  /* PRIMARY brand accent, logo metallic, links */
  --color-terracotta:#C26B4A;  /* warm lead alternate, buttons, highlights */
  --color-canyon:    #82281C;  /* deep warm accent, alerts, emphasis */

  /* --- Neutrals / paper --- */
  --color-light-cream: #F2E9DA; /* lightest surface / cards */
  --color-paper:       #FBF8F4; /* PRIMARY page base — crisp warm cream (matches start.gnomonplan.com) */
  --color-cream:       #E2D3BC; /* SECONDARY warm surface — tan insets / frames / bands (was page base) */
  --color-sand:        #C4A275; /* mid warm neutral, dividers */
  --color-kraft:       #AC895F; /* warm mid, secondary surfaces */

  /* --- Cool accent (desert shade — the calibration counterpoint) --- */
  --color-teal:      #345E58;  /* cool primary accent, charts, secondary CTAs */
  --color-deep-teal: #1F4640;  /* dark cool surfaces, footers */
  --color-sage:      #5A8478;  /* soft cool, success states, subtle fills */

  /* ============================================================
     Semantic aliases — reference these in components/layouts.
     ============================================================ */

  /* Surfaces */
  --surface-base:    var(--color-paper);        /* the page background — crisp cream lead */
  --surface-page:    var(--color-cream);        /* secondary warm surface — insets, frames, section bands */
  --surface-card:    var(--color-light-cream);  /* raised card surface */
  --surface-sunk:    #DBC9AD;                   /* recessed / letterpress well */
  --surface-dark:    var(--color-bark);         /* dark sections */
  --surface-darkest: var(--color-espresso);
  --surface-footer:  var(--color-deep-teal);

  /* Text / ink */
  --text-strong:  var(--color-espresso);  /* headlines, primary ink */
  --text-body:    #36302A;                 /* running text on cream */
  --text-muted:   #6B5D4D;                 /* captions, meta, hex labels */
  --text-on-dark: var(--color-light-cream);/* ink on espresso / teal */
  --text-accent:  var(--color-copper);     /* links, key UI, eyebrows */
  --text-cool:    var(--color-teal);       /* secondary accent lines */

  /* Lines / borders */
  --border-hairline: var(--color-sand);    /* thin Sand rules + card edges */
  --border-strong:   var(--color-kraft);

  /* Interactive */
  --accent:          var(--color-copper);
  --accent-hover:    #A25E33;              /* copper, darkened */
  --accent-press:    #8F5129;
  --accent-cool:     var(--color-teal);
  --accent-cool-hover:#284A45;
  --danger:          var(--color-canyon);

  /* Data-viz core series (Canyon Red reserved for negative/alert) */
  --viz-1: var(--color-copper);
  --viz-2: var(--color-teal);
  --viz-3: var(--color-sage);
  --viz-4: var(--color-sand);
  --viz-negative: var(--color-canyon);

  /* Focus ring */
  --focus-ring: var(--color-teal);

  /* Target-market accents — each audience its own color, overlaid on the copper-led brand */
  --market-founders:   var(--color-terracotta); /* Founders & business owners */
  --market-realestate: var(--color-teal);       /* Real estate investors */
  --market-executives: var(--color-kraft);      /* Executives with equity */
  --market-childfree:  var(--color-sage);       /* Childfree households */
}