/**
 * Generated by El Sartén Framework Child.
 * Do not edit manually: import the visual-system HTML instead.
 */
:root {
    --cream: #FAF7F0;
    --cream-deep: #F1EADB;
    --line: #E2D9C4;
    --navy: #1B2A38;
    --navy-soft: #2E4256;
    --navy-mute: #5C6B78;
    --gold: #C9A227;
    --gold-deep: #92721B;
    --gold-pale: #F3E7C1;
    --white: #FFFFFF;
    --primary: #1B2A38;
    --secondary: #2E4256;
    --accent: #C9A227;
    --surface: #FAF7F0;
    --surface-alt: #F1EADB;
    --text: #1B2A38;
    --muted: #5C6B78;
    --border: #E2D9C4;
    --success: #2E4256;
    --warning: #92721B;
    --error: #1B2A38;
    --font: "Poppins", Arial, sans-serif;
    --text-body: clamp(1rem, .95rem + .22vw, 1.0625rem);
    --text-lead: clamp(1.1rem, 1.02rem + .35vw, 1.375rem);
    --text-h3: clamp(1.375rem, 1.2rem + .7vw, 1.85rem);
    --text-h2: clamp(1.9rem, 1.5rem + 1.7vw, 3.1rem);
    --text-hero: clamp(2.5rem, 1.7rem + 3.4vw, 4.6rem);
    --maxw: 1240px;
    --radius-sm: 3px;
    --radius-md: 8px;
    --shadow-card: 0 18px 42px -30px rgba(27, 42, 56, .38);
    --space-section: 2rem;

    /* Internal El Sartén mappings */
    --es-color-text: var(--text);
    --es-color-background: var(--white);
    --es-color-primary: var(--primary);
    --es-color-secondary: var(--secondary);
    --es-color-accent: var(--accent);
    --es-color-surface: var(--surface);
    --es-font-body: var(--font);
    --es-font-heading: var(--font);
    --es-font-h1: var(--font);
    --es-weight-h1: 800;
    --es-size-h1: var(--text-hero);
    --es-line-height-h1: 1.12;
    --es-letter-spacing-h1: -.035em;
    --es-font-h2: var(--font);
    --es-weight-h2: 700;
    --es-size-h2: var(--text-h2);
    --es-line-height-h2: 1.12;
    --es-letter-spacing-h2: -.035em;
    --es-font-h3: var(--font);
    --es-weight-h3: 700;
    --es-size-h3: var(--text-h3);
    --es-line-height-h3: 1.12;
    --es-letter-spacing-h3: -.035em;
    --es-font-h4: var(--font);
    --es-weight-h4: 600;
    --es-size-h4: 1.1rem;
    --es-line-height-h4: 1.12;
    --es-letter-spacing-h4: -.035em;
    --es-font-button: var(--font);
    --es-weight-button: 600;
    --es-font-label: var(--font);
    --es-font-table: var(--font);
    --es-weight-table: 600;
    --es-font-nav: var(--font);
    --es-font-display: var(--es-font-heading);
    --es-font-hollow: var(--es-font-heading);
    --es-size-body: var(--text-body);
}