/* MAIN FORTE — Color tokens
   Sampled from the printed guide (Book_Mockup_6.png) + brand illustrations.
   A warm "carnet de route" (field notebook) palette: sage green + steel blue
   + terracotta, laid on cream & blush paper. Soft but colorful for easy reading.
*/
:root {
  /* ---- Brand: Sage / eucalyptus green (primary) ---- */
  --green-900: #23342e;   /* deepest ink-green */
  --green-800: #2c3f37;
  --green-700: #37524a;   /* headings / text-on-light */
  --green-600: #4a6a5f;
  --green-500: #6b8a83;   /* primary sage (annotation boxes) */
  --green-400: #8aa39c;
  --green-300: #aec1bb;
  --green-200: #cdd9d4;
  --green-100: #e6ede9;
  --green-050: #f1f5f2;

  /* ---- Brand: Steel / sky blue (secondary) ---- */
  --blue-700: #3f6a8f;
  --blue-600: #5187b0;
  --blue-500: #5e92bc;    /* tab pictogram blue */
  --blue-300: #a9cde3;
  --blue-100: #d7e8f2;
  --blue-050: #eaf3f8;    /* backdrop sky */

  /* ---- Brand: Terracotta / kraft (warm accent) ---- */
  --clay-700: #9c5433;
  --clay-500: #c0714a;    /* book spine / warm accent */
  --clay-300: #e0a884;
  --clay-100: #f3ddce;

  /* ---- Brand: Ochre (hand-drawn marks / highlight) ---- */
  --ochre-500: #d9a441;
  --ochre-300: #ecc985;
  --ochre-100: #f7eccf;

  /* ---- Paper & neutrals ---- */
  --paper:      #f6f0e4;  /* main cream page (textured) */
  --paper-warm: #fbf7ee;  /* lighter paper */
  --blush:      #f6e9e9;  /* soft pink page */
  --blush-deep: #efd9d9;
  --white:      #ffffff;
  --ink:        #2b3a33;  /* body text (green-black) */
  --ink-soft:   #566a61;  /* secondary text */
  --line:       #dcd3c2;  /* hairline on paper */
  --line-soft:  #e8e0d1;

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--paper);
  --bg-page-alt:    var(--blush);
  --surface-card:   var(--paper-warm);
  --surface-raised: var(--white);
  --surface-sage:   var(--green-500);
  --surface-sage-soft: var(--green-100);

  --text-heading:   var(--green-700);
  --text-body:      var(--ink);
  --text-muted:     var(--ink-soft);
  --text-on-sage:   var(--paper-warm);
  --text-on-blue:   var(--white);
  --text-hand:      var(--green-700);

  --brand-primary:  var(--green-500);
  --brand-secondary:var(--blue-500);
  --brand-accent:   var(--clay-500);

  --border-default: var(--line);
  --border-strong:  var(--green-700);
  --focus-ring:     var(--blue-500);

  --success: #5a8a5f;
  --warning: var(--ochre-500);
  --danger:  #b7503f;
}