/* ============================================================
   OGOPOGO EXTREME — Color tokens
   Pulled from the brand logo + Okanagan race imagery.
   Forest-green serpent · scarlet water · bone wordmark · ink night.
   ============================================================ */

:root {
  /* ---- Brand: Serpent Green (primary) ---- */
  --green-900: #0C2C16;
  --green-800: #0E3318;
  --green-700: #155026;
  --green-600: #1F6A33; /* logo body green — primary */
  --green-500: #2E8B43;
  --green-400: #3FAE5A;
  --green-300: #6CC983;
  --green-200: #A6E0B4;
  --green-100: #D8F2DF;

  /* ---- Brand: Extreme Scarlet (energy / accent) ---- */
  --red-900: #5E0808;
  --red-800: #8A0B0B;
  --red-700: #A60D0D;
  --red-600: #D11212; /* logo "EXTREME" / water ripples */
  --red-500: #E5251F;
  --red-400: #F1554B;
  --red-300: #F88981;
  --red-200: #FBBDB8;

  /* ---- Brand: Bone (display ink on dark) ---- */
  --bone: #F4ECD6;       /* logo "OGOPOGO" cream */
  --bone-200: #E8DCC0;
  --bone-300: #D6C8A6;

  /* ---- Ink: green-tinted neutral ramp (night) ---- */
  --ink-950: #080B09;    /* deepest — page bg */
  --ink-900: #0D120F;
  --ink-850: #111613;
  --ink-800: #161D18;
  --ink-700: #1F2823;
  --ink-600: #2C3831;
  --ink-500: #45554C;
  --ink-400: #6B7C72;
  --ink-300: #93A399;
  --ink-200: #BFCBC3;
  --ink-100: #DFE7E1;
  --ink-50:  #F0F3F0;
  --white:   #FFFFFF;

  /* ---- Discipline coding (swim / bike / run) ---- */
  --swim: #1E6F94;       /* Skaha Lake blue */
  --swim-soft: #1A2E3A;
  --bike: #E0922B;       /* Okanagan sunset amber */
  --bike-soft: #33240F;
  --run:  #2E8B43;       /* alpine green */
  --run-soft: #14241A;

  /* ---- Semantic status ---- */
  --success: #2E8B43;
  --warning: #E0922B;
  --danger:  #D11212;
  --info:    #1E6F94;

  /* ============================================================
     SEMANTIC ALIASES — dark-first (the brand lives on black)
     ============================================================ */
  --bg:              var(--ink-950);
  --bg-elevated:     var(--ink-900);
  --surface:         var(--ink-900);
  --surface-raised:  var(--ink-800);
  --surface-card:    var(--ink-800);
  --surface-sunk:    var(--ink-950);
  --surface-inverse: var(--bone);

  --border:          #25302A;
  --border-strong:   #354239;
  --border-hairline: rgba(244, 236, 214, 0.08);

  --text-strong:     var(--bone);
  --text-body:       #D5DED7;
  --text-muted:      var(--ink-300);
  --text-faint:      var(--ink-400);
  --text-inverse:    var(--ink-950);
  --text-on-green:   #FFFFFF;
  --text-on-red:     #FFFFFF;

  --primary:         var(--green-600);
  --primary-hover:   var(--green-500);
  --primary-press:   var(--green-700);
  --accent:          var(--red-600);
  --accent-hover:    var(--red-500);
  --accent-press:    var(--red-700);

  --focus-ring:      var(--green-400);
  --selection:       rgba(63, 174, 90, 0.30);

  /* overlays / scrims for full-bleed photography */
  --scrim-top:    linear-gradient(180deg, rgba(8,11,9,0.85) 0%, rgba(8,11,9,0) 55%); /* @kind color */
  --scrim-bottom: linear-gradient(0deg, rgba(8,11,9,0.92) 0%, rgba(8,11,9,0) 60%); /* @kind color */
  --scrim-flat:   rgba(8, 11, 9, 0.55); /* @kind color */
}

/* Light surface scope — for cards/sections placed on bone backgrounds */
.on-light {
  --bg:            var(--bone);
  --surface:       #FFFFFF;
  --surface-raised:#FFFFFF;
  --surface-card:  #FFFFFF;
  --border:        #E3DAC4;
  --border-strong: #CFC3A4;
  --text-strong:   var(--ink-950);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-faint:    var(--ink-400);
}