/* house-style v2 · familia h1756 · acento isin-es (tabla «Acento por web»).
   Bloque de tokens de la guía front §1, verbatim; solo cambian las 7
   variables de acento. Sin build, sin @import. */

:root {
  color-scheme: light;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Segoe UI Variable Display", var(--font-sans);
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --bg: #f5f6f8;          --surface: #ffffff;     --surface-2: #f1f3f6;   --surface-3: #e8ebf0;
  --border: #dde2e8;      --border-strong: #c3cbd5;
  --text: #0f1720;        --text-2: #435061;      --text-3: #5f6b7a;
  --accent: #1e40af;      --accent-hover: #1a3695; --accent-soft: #edf0f9; --accent-deco: #1d4ed8;
  --accent-text: #ffffff;
  --accent-dark: #60a5fa; --accent-dark-hover: #78b2fb; --accent-dark-soft: rgba(96, 165, 250, 0.14);
  --focus: var(--accent); --series: var(--accent);
  --grid: #e6e9ee;        --axis: #b9c1cc;
  --shadow: 0 1px 2px rgba(15, 23, 32, 0.06), 0 1px 1px rgba(15, 23, 32, 0.04);
  --shadow-card: 0 1px 2px rgba(15, 23, 32, 0.04), 0 4px 16px rgba(15, 23, 32, 0.05);
  --shadow-card-hover: 0 2px 4px rgba(15, 23, 32, 0.05), 0 8px 24px rgba(15, 23, 32, 0.08);
  --shadow-pop: 0 12px 32px rgba(15, 23, 32, 0.16);
  --ok: #11703f;   --ok-bg: #e5f4eb;
  --warn: #855400; --warn-bg: #fcf1d7;
  --bad: #b42318;  --bad-bg: #fdeceb;
  --info: #1f5fbf; --info-bg: #e8f0fc;
  --neutral: #4b5665; --neutral-bg: #eceff3;
  --radius-sm: 6px; --radius: 8px; --radius-lg: 12px; --topbar-h: 56px;
  --gutter: clamp(16px, 3vw, 32px); --max: 1440px; --measure: 68ch; --section-gap: 64px;
  --ease: cubic-bezier(.2, .7, .2, 1); --dur: 160ms;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --fs-xs: 12px; --fs-sm: 12.5px; --fs-table: 13px; --fs-base: 15px; --fs-h2: 18px;
  --fs-kpi: 30px; --fs-h1: clamp(22px, 1.4vw + 16px, 30px); --fs-hero: clamp(28px, 2vw + 18px, 44px);
  --cat-1: #2563eb; --cat-2: #ea580c; --cat-3: #059669; --cat-4: #9333ea;
  --cat-5: #0891b2; --cat-6: #db2777; --cat-7: #a16207; --cat-8: #64748b;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0c1016;          --surface: #131a22;     --surface-2: #19212b;   --surface-3: #212b37;
    --border: #273240;      --border-strong: #384656;
    --text: #e7edf3;        --text-2: #aab6c3;      --text-3: #8b98a7;
    --accent: var(--accent-dark); --accent-hover: var(--accent-dark-hover); --accent-soft: var(--accent-dark-soft); --accent-text: #0b1420;
    --focus: var(--accent); --series: var(--accent);
    --grid: #222c38;        --axis: #3d4a5a;
    --shadow: none;         --shadow-card: none;    --shadow-card-hover: none; --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
    --ok: #57c98f;   --ok-bg: rgba(87, 201, 143, 0.13);
    --warn: #e3b448; --warn-bg: rgba(227, 180, 72, 0.13);
    --bad: #f47b72;  --bad-bg: rgba(244, 123, 114, 0.13);
    --info: #6fa9f3; --info-bg: rgba(111, 169, 243, 0.13);
    --neutral: #aab6c3; --neutral-bg: rgba(170, 182, 195, 0.12);
    --cat-1: #60a5fa; --cat-2: #fb923c; --cat-3: #34d399; --cat-4: #c084fc;
    --cat-5: #22d3ee; --cat-6: #f472b6; --cat-7: #facc15; --cat-8: #94a3b8;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0c1016;          --surface: #131a22;     --surface-2: #19212b;   --surface-3: #212b37;
  --border: #273240;      --border-strong: #384656;
  --text: #e7edf3;        --text-2: #aab6c3;      --text-3: #8b98a7;
  --accent: var(--accent-dark); --accent-hover: var(--accent-dark-hover); --accent-soft: var(--accent-dark-soft); --accent-text: #0b1420;
  --focus: var(--accent); --series: var(--accent);
  --grid: #222c38;        --axis: #3d4a5a;
  --shadow: none;         --shadow-card: none;    --shadow-card-hover: none; --shadow-pop: 0 12px 32px rgba(0, 0, 0, 0.5);
  --ok: #57c98f;   --ok-bg: rgba(87, 201, 143, 0.13);
  --warn: #e3b448; --warn-bg: rgba(227, 180, 72, 0.13);
  --bad: #f47b72;  --bad-bg: rgba(244, 123, 114, 0.13);
  --info: #6fa9f3; --info-bg: rgba(111, 169, 243, 0.13);
  --neutral: #aab6c3; --neutral-bg: rgba(170, 182, 195, 0.12);
  --cat-1: #60a5fa; --cat-2: #fb923c; --cat-3: #34d399; --cat-4: #c084fc;
  --cat-5: #22d3ee; --cat-6: #f472b6; --cat-7: #facc15; --cat-8: #94a3b8;
}