/* Damos en el Blanco — colour system
   The brand is monochrome on purpose: a near-black warm charcoal ground and
   white type. The name itself — "dar en el blanco" (hit the bullseye / the
   white) — makes WHITE the signature. Accent = white on dark (inverted).
   Colour appears only through photography and functional/semantic states. */

:root {
  /* ---- Ink ramp (warm charcoal → white) --------------------------------- */
  --ink-950: #121211;
  --ink-900: #171716;
  --ink-850: #1f1f1f; /* brand background — measured from the live site */
  --ink-800: #262625;
  --ink-750: #2d2d2b;
  --ink-700: #363634;
  --ink-600: #45443f;
  --ink-500: #5b5a54;
  --ink-400: #7c7a72;
  --ink-300: #9d9b92;
  --ink-200: #c2bfb5;
  --ink-100: #e2dfd6;
  --ink-050: #f0eee7;

  --white: #ffffff;
  --paper: #f6f4ee; /* warm white — light-surface ground */

  /* ---- Semantic / functional (muted for a dark ground) ------------------ */
  --green-500: #57c98a;
  --green-600: #3ea873;
  --red-500:   #ec5f57;
  --red-600:   #d24a43;
  --amber-500: #e6a43f;
  --amber-600: #cf8a25;
  --blue-400:  #6ba5d6;
  --blue-500:  #4d8dc4;

  /* ================= SEMANTIC ALIASES (dark = default) ================= */
  --bg:            var(--ink-850);
  --bg-deep:       var(--ink-950);
  --surface:       var(--ink-800);
  --surface-raised:var(--ink-750);
  --surface-hover: var(--ink-700);
  --surface-inset: var(--ink-900);

  --border:        rgba(255,255,255,.12);
  --border-strong: rgba(255,255,255,.24);
  --border-faint:  rgba(255,255,255,.07);

  --text:        #f4f3ef; /* primary type — the "blanco" */
  --text-strong: #ffffff;
  --text-muted:  var(--ink-300);
  --text-subtle: var(--ink-400);
  --text-on-accent: var(--ink-850);

  /* Primary action inverts to white — hitting the blanco */
  --accent:        var(--white);
  --accent-hover:  var(--ink-100);
  --accent-press:  var(--ink-200);
  --accent-ink:    var(--ink-850);

  --focus-ring:  rgba(255,255,255,.75);
  --selection:   rgba(255,255,255,.20);

  --success: var(--green-500);
  --danger:  var(--red-500);
  --warning: var(--amber-500);
  --info:    var(--blue-400);

  --overlay: rgba(15,15,15,.72);
}

/* Opt-in light surface (e.g. inverted cards, print). Same tokens, flipped. */
.deb-on-light,
[data-theme="light"] {
  --bg:            var(--paper);
  --bg-deep:       #ebe8df;
  --surface:       #ffffff;
  --surface-raised:#ffffff;
  --surface-hover: #efede6;
  --surface-inset: #ebe8df;

  --border:        rgba(31,31,31,.14);
  --border-strong: rgba(31,31,31,.28);
  --border-faint:  rgba(31,31,31,.08);

  --text:        #1f1f1f;
  --text-strong: #121211;
  --text-muted:  var(--ink-500);
  --text-subtle: var(--ink-400);
  --text-on-accent: var(--white);

  --accent:      var(--ink-850);
  --accent-hover:var(--ink-900);
  --accent-press:var(--ink-950);
  --accent-ink:  var(--white);

  --focus-ring:  rgba(31,31,31,.55);
  --selection:   rgba(31,31,31,.14);
  --overlay:     rgba(31,31,31,.55);
}