/* ============================================================
   SOMOS IMPACT TRAVEL — COLOR TOKENS
   Source palette (color_palette.pdf):
     Forest    #4A7C59   Terracotta #D97449
     Deep Sea  #264653   Sand       #F4E3D7
   Scales are tuned around those four anchors.
   ============================================================ */

:root {
  /* --- Forest (green) — growth, the local leader, the field --- */
  --forest-50:  #eef3ef;
  --forest-100: #d6e3d9;
  --forest-200: #aec8b4;
  --forest-300: #84ab8e;
  --forest-400: #628f6e;
  --forest-500: #4a7c59;  /* brand anchor */
  --forest-600: #3d6649;
  --forest-700: #2f4f39;
  --forest-800: #233b2b;
  --forest-900: #18281e;

  /* --- Terracotta (orange) — the traveler, energy, encounter --- */
  --terra-50:  #fcf0ea;
  --terra-100: #f8dccf;
  --terra-200: #f0b69e;
  --terra-300: #e89070;
  --terra-400: #e07a55;
  --terra-500: #d97449;  /* brand anchor */
  --terra-600: #c25c33;
  --terra-700: #9c4727;
  --terra-800: #74351e;
  --terra-900: #4d2314;

  /* --- Deep Sea (navy/slate) — depth, trust, the river, ink --- */
  --deepsea-50:  #eef2f3;
  --deepsea-100: #d3dde0;
  --deepsea-200: #a3b8bd;
  --deepsea-300: #6f8d95;
  --deepsea-400: #436670;
  --deepsea-500: #264653;  /* brand anchor */
  --deepsea-600: #1f3a45;
  --deepsea-700: #182d36;
  --deepsea-800: #122229;
  --deepsea-900: #0b161b;

  /* --- Sand (cream) — paper, calm, the negative space of the mark --- */
  --sand-50:  #fefcfa;
  --sand-100: #faf3ec;
  --sand-200: #f4e3d7;  /* brand anchor */
  --sand-300: #ebd2c0;
  --sand-400: #ddbca5;
  --sand-500: #c9a187;

  /* --- True neutrals (warm-tinted grays, derived from deep sea) --- */
  --white:    #ffffff;
  --gray-50:  #f7f8f8;
  --gray-100: #eceeef;
  --gray-200: #dde1e2;
  --gray-300: #c2c9cb;
  --gray-400: #9aa4a7;
  --gray-500: #6f7b7e;
  --gray-600: #515b5e;
  --gray-700: #3a4245;
  --gray-800: #262d30;
  --gray-900: #161b1d;

  /* ----------------------------------------------------------
     SEMANTIC ALIASES — reference these in product code
     ---------------------------------------------------------- */

  /* Brand */
  --brand-forest:   var(--forest-500);
  --brand-terra:    var(--terra-500);
  --brand-deepsea:  var(--deepsea-500);
  --brand-sand:     var(--sand-200);

  /* Surfaces */
  --surface-page:      var(--sand-100);   /* warm paper — default site bg */
  --surface-page-alt:  var(--sand-200);   /* sand band / alternating section */
  --surface-card:      var(--white);
  --surface-raised:    var(--white);
  --surface-ink:       var(--deepsea-500); /* dark sections, footer */
  --surface-ink-deep:  var(--deepsea-700);
  --surface-sunken:    var(--gray-50);

  /* Text */
  --text-strong:    var(--deepsea-500);  /* headlines, ink on light */
  --text-body:      var(--deepsea-600);
  --text-muted:     var(--gray-500);
  --text-subtle:    var(--gray-400);
  --text-on-ink:    var(--sand-100);     /* body text on dark */
  --text-on-ink-strong: var(--sand-50);
  --text-on-brand:  var(--sand-50);      /* on terra / forest fills */
  --text-link:      var(--terra-600);

  /* Lines & borders */
  --border-subtle:  var(--sand-300);
  --border-default: var(--gray-200);
  --border-strong:  var(--deepsea-500);
  --border-on-ink:  rgba(244, 227, 215, 0.18);

  /* Interactive — primary = terracotta, the action color */
  --action:          var(--terra-500);
  --action-hover:    var(--terra-600);
  --action-active:   var(--terra-700);
  --action-soft:     var(--terra-50);
  --on-action:       var(--sand-50);

  /* Interactive — secondary = forest */
  --action-2:        var(--forest-500);
  --action-2-hover:  var(--forest-600);
  --action-2-active: var(--forest-700);
  --action-2-soft:   var(--forest-50);

  /* Focus ring */
  --focus-ring: var(--terra-400);

  /* Status (kept within the warm/earthy family) */
  --success:     #3d7a52;
  --success-soft:#e7f0e9;
  --warning:     #c9892f;
  --warning-soft:#faf0dd;
  --danger:      #b8442c;
  --danger-soft: #f8e3dd;
  --info:        var(--deepsea-400);
  --info-soft:   var(--deepsea-50);
}