/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./styles/tokens.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
/* Tokens de Warm Editorial (id: warm-editorial) — copiados de OpenDesign v0.20.2.
   Reglas completas: /workspace/open-design/espejo/design-systems/warm-editorial/DESIGN.md
   Adoptado para Hub de Referidos sin cambios de valores (starter sin marca ajena).
   Fuente de verdad visual del proyecto: ninguna vista declara colores/tamaños propios. */

:root {
  --bg: #fbf6ee;
  --surface: #fffdf8;
  --surface-warm: #f1e3cf;
  --fg: #201914;
  --fg-2: #4c4037;
  --muted: #7a6d63;
  --meta: #9b5b32;
  --border: #ded2c3;
  --border-soft: #eee4d7;
  --accent: #9b5b32;
  --accent-on: #ffffff;
  --accent-hover: color-mix(in oklab, var(--accent), black 8%);
  --accent-active: color-mix(in oklab, var(--accent), black 14%);
  --success: #4f8a4f;
  --warn: #c9822f;
  --danger: #b33a3a;
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-mono: "SF Mono", ui-monospace, Menlo, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 42px;
  --text-3xl: 64px;
  --text-4xl: 88px;
  --leading-body: 1.62;
  --leading-tight: 1;
  --tracking-display: -0.025em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --section-y-desktop: 112px;
  --section-y-tablet: 80px;
  --section-y-phone: 56px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 9999px;
  --elev-flat: none;
  --elev-ring: 0 0 0 1px var(--border);
  --elev-raised: 0 20px 52px rgba(32, 25, 20, 0.12);
  --focus-ring: 0 0 0 4px color-mix(in oklab, var(--accent), transparent 76%); /* extensión del proyecto: deriva del acento para que los temas por nicho lo hereden */
  --motion-fast: 150ms;
  --motion-base: 240ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --container-max: 1180px;
  --container-gutter-desktop: 36px;
  --container-gutter-tablet: 24px;
  --container-gutter-phone: 16px;
}

/* ============================================================
   Extensión del proyecto — Temas de acento por nicho
   (design-system.md §5). Catálogo CERRADO: el editor elige uno
   al definir el nicho (CU-007/HU-013); nunca un color libre.
   Solo cambian el acento (y sus derivados automáticos) y --meta;
   el resto de la paleta Warm Editorial es invariable.
   Se aplica con data-niche-theme en el elemento raíz.
   ⚠️ SUPUESTO: paleta inicial de 5 temas; contraste AA con
   --accent-on blanco verificado a ojo, pendiente de auditoría.
   ============================================================ */
:root {
  --theme-terracota: #9b5b32; /* tema por defecto (el del sistema) */
  --theme-bosque: #2f5b4f;    /* verde bosque — secundario del DESIGN.md base */
  --theme-tinta: #3e5875;     /* azul tinta apagado */
  --theme-ciruela: #7d4a5e;   /* ciruela apagado */
  --theme-oliva: #66622a;     /* oliva apagado */
}
[data-niche-theme="terracota"] { --accent: var(--theme-terracota); --meta: var(--theme-terracota); }
[data-niche-theme="bosque"]    { --accent: var(--theme-bosque);    --meta: var(--theme-bosque); }
[data-niche-theme="tinta"]     { --accent: var(--theme-tinta);     --meta: var(--theme-tinta); }
[data-niche-theme="ciruela"]   { --accent: var(--theme-ciruela);   --meta: var(--theme-ciruela); }
[data-niche-theme="oliva"]     { --accent: var(--theme-oliva);     --meta: var(--theme-oliva); }