/* Datnova — Color. Base palette (Tech Emerald) + semantic aliases.
   Rule: accents never exceed ~20% of a composition. */
:root{
  /* --- Brand base --- */
  --dn-azul-noche:#0A1B2E;      /* primary dark: dark bg, headings */
  --dn-verde-petroleo:#004055;  /* deep support */
  --dn-esmeralda:#00B28A;       /* primary accent, CTAs, success */
  --dn-esmeralda-hover:#009975;
  --dn-turquesa:#21D6C3;        /* decorative only — never text on white */
  --dn-menta:#9CF2E6;           /* decorative / text on Azul Noche */
  --dn-gris-claro:#F4F6F8;      /* light section background */
  --dn-white:#FFFFFF;

  /* --- Neutral ramp (derived from Azul Noche) --- */
  --dn-neutral-0:#FFFFFF;
  --dn-neutral-50:#F4F6F8;
  --dn-neutral-100:#EBEEF1;
  --dn-neutral-200:#E1E6EA;
  --dn-neutral-300:#C6D0D8;
  --dn-neutral-400:#8C9BA8;
  --dn-neutral-500:#5A6B7A;
  --dn-neutral-600:#3F5261;
  --dn-neutral-700:#263B4C;
  --dn-neutral-800:#152B3D;
  --dn-neutral-900:#0A1B2E;

  /* --- Semantic state --- */
  --dn-success:#00B28A;
  --dn-warning:#E8A23D;
  --dn-error:#E2543D;
  --dn-info:#4DA8DA;
  --dn-success-soft:#E4F7F1;
  --dn-warning-soft:#FCF2E3;
  --dn-error-soft:#FBEAE6;
  --dn-info-soft:#E8F3FB;

  /* --- AI / ML — reserved exclusively for AI features --- */
  --dn-ai:#9C6ADE;
  --dn-ai-soft:#F1EAFB;

  /* --- Dashboard categorical series (max 6, colorblind-safe) --- */
  --dn-series-1:#00B28A;
  --dn-series-2:#4DA8DA;
  --dn-series-3:#E8A23D;
  --dn-series-4:#9C6ADE;
  --dn-series-5:#E2543D;
  --dn-series-6:#5A6B7A;

  /* --- Data-architecture diagram layers --- */
  --dn-layer-ingestion:#4DA8DA;
  --dn-layer-processing:#00B28A;
  --dn-layer-governance:#0A1B2E;
  --dn-layer-consumption:#21D6C3;

  /* --- Semantic aliases: surfaces --- */
  --surface-page:#FFFFFF;
  --surface-muted:#F4F6F8;
  --surface-card:#FFFFFF;
  --surface-inverse:#0A1B2E;
  --surface-inverse-raised:#152B3D;
  --surface-accent-soft:#E4F7F1;

  /* --- Semantic aliases: text --- */
  --text-heading:#0A1B2E;
  --text-body:#263B4C;
  --text-muted:#5A6B7A;
  --text-accent:#00B28A;      /* only ≥18px bold or ≥24px regular */
  --text-on-accent:#0A1B2E;   /* Azul Noche label on emerald ≈ 6.4:1 */
  --text-on-inverse:#FFFFFF;
  --text-on-inverse-muted:#9CF2E6;
  --text-link:#00806A;
  --text-link-hover:#0A1B2E;

  /* --- Semantic aliases: lines --- */
  --border-subtle:#E1E6EA;
  --border-strong:#C6D0D8;
  --border-inverse:#263B4C;
  --border-focus:#00B28A;

  /* --- Overlays --- */
  --overlay-navy-10:rgba(10,27,46,.10);  /* photography treatment */
  --overlay-navy-15:rgba(10,27,46,.15);
  --overlay-scrim:rgba(10,27,46,.72);    /* dialogs */
}