/* ============================================================
   CROMATIX — SEMANTIC ALIASES
   Use these in components; use raw palette tokens only for brand marks.
   ============================================================ */
:root{
  /* Surfaces — white and near-white dominate; photography is the hero */
  --surface-page:var(--white);
  --surface-muted:var(--gray-100);
  --surface-card:var(--white);
  --surface-inset:var(--gray-050);
  --surface-inverse:var(--black);
  --surface-inverse-muted:var(--gray-900);
  --surface-accent:var(--azul);

  /* Text */
  --text-strong:var(--black);
  --text-body:var(--gray-800);
  --text-muted:var(--gray-600);
  --text-subtle:var(--gray-500);
  --text-inverse:var(--white);
  --text-inverse-muted:rgba(255,255,255,.72);
  --text-accent:var(--azul);
  --text-link:var(--azul);
  --text-link-hover:var(--morado);

  /* Borders */
  --border-default:var(--gray-300);
  --border-subtle:var(--gray-200);
  --border-strong:var(--black);

  /* Interactive — primary action is Ultra Dark; corporate color is the accent,
     never a wall of color (brief §8.2) */
  --action-primary-bg:var(--black);
  --action-primary-fg:var(--white);
  --action-primary-bg-hover:var(--azul);
  --action-primary-bg-active:var(--morado);
  --action-secondary-fg:var(--black);
  --action-secondary-border:var(--black);
  --action-secondary-bg-hover:var(--black);
  --action-secondary-fg-hover:var(--white);
  --action-ghost-fg:var(--gray-700);
  --action-ghost-bg-hover:var(--gray-100);
  --action-disabled-bg:var(--gray-200);
  --action-disabled-fg:var(--gray-400);

  /* Status — expressed with the closed palette + grays, not new hues.
     Marked as "propuesta de actualización" (not in the 2021 manual). */
  --status-info:var(--azul);
  --status-success:var(--morado);
  --status-attention:var(--magenta);
  --status-neutral:var(--gray-600);

  /* Data / technical documents */
  --table-header-bg:var(--gray-100);
  --table-row-border:var(--gray-200);
  --spec-label:var(--gray-600);
  --spec-value:var(--black);
}

/* Dark surface scope — PROPUESTA DE ACTUALIZACIÓN 2026 (not in the 2021
   manual, which only defines a black background case). Full-color isotipo +
   white wordmark on black is the manual-approved lockup here. */
[data-theme="dark"]{
  --surface-page:var(--black);
  --surface-muted:var(--gray-900);
  --surface-card:var(--gray-900);
  --surface-inset:#111111;
  --surface-inverse:var(--white);
  --text-strong:var(--white);
  --text-body:rgba(255,255,255,.86);
  --text-muted:rgba(255,255,255,.64);
  --text-subtle:rgba(255,255,255,.48);
  --text-inverse:var(--black);
  --text-link:#8f8fff;
  --text-link-hover:#c9a3ff;
  --border-default:rgba(255,255,255,.22);
  --border-subtle:rgba(255,255,255,.12);
  --border-strong:var(--white);
  --action-primary-bg:var(--white);
  --action-primary-fg:var(--black);
  --action-primary-bg-hover:#8f8fff;
  --action-secondary-fg:var(--white);
  --action-secondary-border:rgba(255,255,255,.5);
  --action-secondary-bg-hover:var(--white);
  --action-secondary-fg-hover:var(--black);
  --action-ghost-fg:rgba(255,255,255,.8);
  --action-ghost-bg-hover:rgba(255,255,255,.1);
  --table-header-bg:var(--gray-900);
  --table-row-border:rgba(255,255,255,.14);
  --spec-label:rgba(255,255,255,.6);
  --spec-value:var(--white);
}