/* Dantoon — Color tokens
 * Palette pulled directly from the identity doc (Dantoon Identity · Green).
 * Rule of the brand: forest + cream stay dominant; the other greens are ACCENTS only.
 */
:root {
  /* ---- Raw brand palette ---- */
  --forest-green: #163A28;   /* primary brand green (wordmark, surfaces) */
  --deep-pine:    #1F4A33;   /* slightly brighter green — hover / raised green */
  --warm-cream:   #F3ECDD;   /* primary background */
  --sage:         #94A782;   /* light accent green */
  --olive:        #6F7C54;   /* muted accent green */

  /* ---- Cream ramp (paper tones) ---- */
  --cream-50:  #FAF6EC;      /* lightest paper — cards on cream */
  --cream-100: #F3ECDD;      /* base background */
  --cream-200: #EBE2CE;      /* soft fill / secondary surface */
  --cream-300: #E0D5BC;      /* hairline / border on cream */
  --cream-400: #CFC2A3;      /* stronger border / disabled */

  /* ---- Forest ramp (green tones) ---- */
  --forest-900: #0F2A1D;     /* deepest — pressed green */
  --forest-800: #163A28;     /* forest green (base) */
  --forest-700: #1F4A33;     /* deep pine (hover on green) */
  --forest-600: #2C5C41;     /* lifted green */

  /* ---- Ink (text) ---- */
  --ink-900: #14251C;        /* primary text on cream */
  --ink-700: #35473C;        /* secondary text on cream */
  --ink-500: #6A7A6E;        /* muted / captions on cream */

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--cream-100);
  --surface-card:   var(--cream-50);
  --surface-sunken: var(--cream-200);
  --surface-invert: var(--forest-800);   /* green panels */

  --text-primary:   var(--ink-900);
  --text-secondary: var(--ink-700);
  --text-muted:     var(--ink-500);
  --text-on-green:  var(--cream-100);     /* cream text on forest */
  --text-on-green-muted: rgba(243, 236, 221, 0.62);

  --brand:          var(--forest-800);
  --brand-hover:    var(--forest-700);
  --brand-press:    var(--forest-900);

  --accent-sage:    var(--sage);
  --accent-olive:   var(--olive);

  --border-hairline: var(--cream-300);
  --border-strong:   var(--cream-400);
  --border-on-green: rgba(243, 236, 221, 0.20);

  --focus-ring:     rgba(22, 58, 40, 0.35);

  /* ---- Status (kept within the earthy family) ---- */
  --success: #3E7D4F;
  --warning: #B8863B;
  --danger:  #A24A3C;
}