/* =========================================================================
   LUI — Color tokens
   The brand is monochromatic: a single teal hue + white + black-and-white
   photography. Every value below the "functional" block is sampled directly
   from the investor deck (logo ink #045265, solid-teal slides, tinted panels).
   ========================================================================= */
:root {
  /* ---- LUI Teal : the one brand hue (deck-sampled anchors, scale filled) ---- */
  --lui-teal-50:  #f5f6f8;   /* near-white panel (sampled) */
  --lui-teal-100: #e3e9ec;   /* sampled */
  --lui-teal-200: #ccd7dd;   /* sampled */
  --lui-teal-300: #aec1c9;   /* interpolated */
  --lui-teal-400: #99b3bc;   /* sampled */
  --lui-teal-500: #84a3ad;   /* sampled */
  --lui-teal-600: #628c98;   /* sampled */
  --lui-teal-700: #3a7080;   /* bridge toward primary */
  --lui-teal-800: #045265;   /* ★ PRIMARY BRAND INK (logo + solid slides) */
  --lui-teal-900: #04404e;   /* darker section fill */
  --lui-teal-950: #012a35;   /* deepest, for depth/hover */

  /* ---- Pure ---- */
  --white:      #ffffff;
  --black:      #0a1a1f;     /* near-black, faint teal undertone */

  /* ---- Functional status (NOT in the deck; muted to respect the palette) --- */
  --success-500: oklch(0.60 0.085 155);
  --success-600: oklch(0.52 0.085 155);
  --danger-500:  oklch(0.60 0.140 25);
  --danger-600:  oklch(0.52 0.140 25);
  --warning-500: oklch(0.74 0.110 75);
  --info-500:    oklch(0.60 0.090 235);

  /* ===================== Semantic aliases ===================== */
  --brand:              var(--lui-teal-800);
  --brand-strong:       var(--lui-teal-900);
  --brand-deep:         var(--lui-teal-950);
  --brand-tint:         var(--lui-teal-100);
  --brand-tint-strong:  var(--lui-teal-200);
  --brand-on:           var(--white);

  --surface-page:          var(--white);
  --surface-muted:         var(--lui-teal-50);
  --surface-sunken:        var(--lui-teal-100);
  --surface-inverse:       var(--lui-teal-800);  /* dark teal sections */
  --surface-inverse-deep:  var(--lui-teal-950);

  /* Teal is the ink — body copy on light surfaces is teal, not black */
  --text-primary:        var(--lui-teal-800);
  --text-strong:         var(--lui-teal-950);
  --text-muted:          var(--lui-teal-600);
  --text-subtle:         var(--lui-teal-500);
  --text-on-inverse:         var(--white);
  --text-on-inverse-muted:   rgba(255, 255, 255, 0.72);
  --text-on-inverse-subtle:  rgba(255, 255, 255, 0.52);

  --border:          var(--lui-teal-200);
  --border-strong:   var(--lui-teal-300);
  --border-muted:    var(--lui-teal-100);
  --border-inverse:  rgba(255, 255, 255, 0.20);

  --focus-ring:      var(--lui-teal-600);
  --overlay-scrim:   rgba(1, 42, 53, 0.58);
}