/* =====================================================================
   BRAND TOKENS — the ONLY place brand colours / fonts live.
   REAL BRAND PALETTE from Natasha's logo (eucalyptus / sunset / tan / sky).
   The real logo + brand colours will replace these: just change
   the values below. Every page and component reads from these variables.
   ===================================================================== */
:root {
  /* Core brand colours — sampled from Natasha's logo (logo-original.jpg) */
  --brand-primary:        #2E3B22;  /* dark eucalyptus green – headings, header, buttons, footer (11.9:1 on white) */
  --brand-primary-contrast:#FFFFFF; /* text on primary */
  --brand-secondary:      #A8501A;  /* deep sunset orange – links, accents (5.1:1 on page bg, AA) */
  --brand-secondary-soft: #FDE6D2;  /* pale sunset – tags, soft panels */
  --brand-sand:           #EFE6D4;  /* sandy tan wash – section backgrounds */
  --brand-sand-light:     #FBF7F0;  /* warm off-white page background */
  --brand-accent:         #FD923D;  /* sunset orange (sampled) – CTA highlights / focus ring; use with green text only */
  --brand-tan:            #C9BCA5;  /* sandy gold/tan (sampled) – lines, badges */
  --brand-sky:            #89A9AF;  /* sky blue (sampled) – subtle accent */
  --brand-sky-soft:       #DDE8EA;  /* pale sky – subtle panels */

  /* Neutrals */
  --color-text:        #1E2328;
  --color-text-muted:  #4F5A63;
  --color-surface:     #FFFFFF;
  --color-border:      #C9BCA5;

  /* Status / placeholder markers */
  --color-placeholder-bg:  #FFF1B8;
  --color-placeholder-text:#5A4300;
  --color-placeholder-border:#E0C24A;

  /* Typography (swap for brand fonts if supplied) */
  --font-heading: Georgia, "Times New Roman", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Shape */
  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(0,0,0,.06), 0 4px 14px rgba(0,0,0,.06);
}