@font-face { font-family: 'Cormorant Garamond'; src: url(/fuentes/cormorant-garamond.woff2) format('woff2'); font-weight: 300 700; font-display: swap; }
@font-face { font-family: 'Work Sans'; src: url(/fuentes/work-sans.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
html:root {
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Work Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
html:root,
html[data-theme='dark'] {
  --bg: #1f2a3d;
  --bg-elev: color-mix(in oklab, #1f2a3d 94%, #f3efe6);
  --surface: color-mix(in oklab, #1f2a3d 90%, #f3efe6);
  --surface-2: color-mix(in oklab, #1f2a3d 84%, #f3efe6);
  --line: color-mix(in oklab, #1f2a3d 72%, #f3efe6);
  --line-soft: color-mix(in oklab, #1f2a3d 86%, #f3efe6);
  --fg: #f3efe6;
  --fg-muted: color-mix(in oklab, #f3efe6 70%, #1f2a3d);
  --fg-subtle: color-mix(in oklab, #f3efe6 55%, #1f2a3d);
  --accent: #c2a578;
  --accent-hover: color-mix(in oklab, #c2a578 85%, #f3efe6);
  --accent-ink: #1f2a3d;
  --accent-soft: color-mix(in oklab, #c2a578 14%, transparent);
  --focus: color-mix(in oklab, #c2a578 70%, #f3efe6);
  --grid: color-mix(in oklab, #f3efe6 6%, transparent);
  --chart-1: #c2a578;
  --chart-grid: color-mix(in oklab, #1f2a3d 75%, #f3efe6);
  --blob-a: color-mix(in oklab, #c2a578 12%, transparent);
  --blob-b: color-mix(in oklab, #f3efe6 6%, transparent);
}
html[data-theme='light'] {
  --bg: #f3efe6;
  --bg-elev: color-mix(in oklab, #f3efe6 92%, #1f2a3d);
  --surface: color-mix(in oklab, #f3efe6 50%, white);
  --surface-2: color-mix(in oklab, #f3efe6 88%, #1f2a3d);
  --line: color-mix(in oklab, #f3efe6 72%, #1f2a3d);
  --line-soft: color-mix(in oklab, #f3efe6 86%, #1f2a3d);
  --fg: #1f2a3d;
  --fg-muted: color-mix(in oklab, #1f2a3d 70%, #f3efe6);
  --fg-subtle: color-mix(in oklab, #1f2a3d 55%, #f3efe6);
  --accent: #6b4a2f;
  --accent-hover: color-mix(in oklab, #6b4a2f 85%, #1f2a3d);
  --accent-ink: #f3efe6;
  --accent-soft: color-mix(in oklab, #6b4a2f 14%, transparent);
  --focus: color-mix(in oklab, #6b4a2f 70%, #1f2a3d);
  --grid: color-mix(in oklab, #1f2a3d 6%, transparent);
  --chart-1: #6b4a2f;
  --chart-grid: color-mix(in oklab, #f3efe6 75%, #1f2a3d);
  --blob-a: color-mix(in oklab, #6b4a2f 12%, transparent);
  --blob-b: color-mix(in oklab, #1f2a3d 6%, transparent);
}
