/* ============================================================
   SIMHALTOS · COLOR — "El azul de aguas profundas"
   The palette descends from the abyss to the surface reflection.
   Base ramp + neutrals + semantic aliases.
   ============================================================ */
:root {
  /* --- Brand ramp: deep ocean → surface --- */
  --simh-abismo:   #02151E; /* Abyss   — deepest ground, near-black blue   */
  --simh-navio:    #04293B; /* Navío   — primary brand dark / surfaces     */
  --simh-profundo: #075A7E; /* Profundo— mid-depth, secondary actions      */
  --simh-marino:   #1F9FC2; /* Marino  — primary accent, the brand blue    */
  --simh-reflejo:  #5BD0F0; /* Reflejo — surface reflection, highlight     */

  /* --- Neutrals --- */
  --simh-acero:    #7E97A3; /* Acero — steel grey, muted text/borders      */
  --simh-bruma:    #BBCAD0; /* Bruma — mist, hairlines / disabled          */
  --simh-papel:    #F2F5F6; /* Papel — paper, light background             */
  --simh-white:    #FFFFFF;
  --simh-black:    #000000;

  /* --- Tint scales (derived, for fills/states/overlays) --- */
  --simh-marino-12: rgba(31, 159, 194, 0.12);
  --simh-marino-20: rgba(31, 159, 194, 0.20);
  --simh-marino-32: rgba(31, 159, 194, 0.32);
  --simh-reflejo-16: rgba(91, 208, 240, 0.16);
  --simh-navio-70:  rgba(4, 41, 59, 0.70);
  --simh-abismo-85: rgba(2, 21, 30, 0.85);

  /* --- Functional / status (sober, sea-derived) --- */
  --simh-success: #1F9C8B; /* certified teal-green  */
  --simh-warning: #E0A23C; /* hazard amber, used sparingly */
  --simh-danger:  #D1564E; /* sober brick red       */
  --simh-info:    var(--simh-marino);

  /* ============================================================
     SEMANTIC ALIASES — reference these in components, not raw ramp
     ============================================================ */
  /* Surfaces */
  --surface-page:     var(--simh-papel);
  --surface-card:     var(--simh-white);
  --surface-sunken:   #E5EBED;
  --surface-deep:     var(--simh-navio);   /* dark sections */
  --surface-abyss:    var(--simh-abismo);  /* deepest dark  */
  --surface-accent:   var(--simh-marino);

  /* Text */
  --text-strong:   var(--simh-navio);   /* headings on light */
  --text-body:     #2A3B45;             /* paragraphs on light */
  --text-muted:    var(--simh-acero);   /* captions, meta */
  --text-on-dark:  var(--simh-papel);   /* body on dark surfaces */
  --text-on-accent:var(--simh-white);
  --text-link:     var(--simh-profundo);

  /* Borders & lines */
  --border-hairline: var(--simh-bruma);
  --border-strong:   var(--simh-acero);
  --border-accent:   var(--simh-marino);
  --border-on-dark:  rgba(91, 208, 240, 0.24);

  /* Accents */
  --accent-primary:   var(--simh-marino);
  --accent-secondary: var(--simh-profundo);
  --accent-highlight: var(--simh-reflejo);
  --focus-ring:       rgba(31, 159, 194, 0.45);
}