:root {
    /* Colores — contraste WCAG AA */
    --color-dark: #0c100e;
    --color-dark-2: #161f1b;
    --color-surface: #ffffff;
    --color-surface-muted: #eef2ef;
    --color-surface-elevated: #ffffff;

    --color-primary: #005c30;
    --color-primary-light: #008f4c;
    --color-primary-dark: #004225;
    --color-on-primary: #ffffff;

    --color-accent: #c44d08;
    --color-accent-hover: #a34106;
    --color-accent-soft: rgba(196, 77, 8, 0.12);

    --color-text: #141a17;
    --color-text-secondary: #3d4f47;
    --color-text-muted: #4f6359;
    --color-text-on-dark: #f4f8f6;
    --color-text-on-dark-muted: #c5d4cc;

    --color-border: #d4e0d9;
    --color-border-strong: #a8bdb2;
    --color-glow: rgba(0, 143, 76, 0.35);

    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-light);
    --color-focus: var(--color-accent);

    /* Tipografía */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: clamp(1.75rem, 4vw, 2.25rem);
    --text-4xl: clamp(2rem, 5vw, 3rem);

    --leading-tight: 1.2;
    --leading-normal: 1.6;
    --leading-relaxed: 1.75;

    /* Espaciado */
    --space-section: clamp(3.5rem, 8vw, 5.5rem);
    --space-block: clamp(1.5rem, 4vw, 2.5rem);

    --header-height: 72px;
    --container-max: 1120px;
    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --shadow-sm: 0 2px 8px rgba(12, 16, 14, 0.06);
    --shadow-md: 0 8px 24px rgba(12, 16, 14, 0.1);
    --shadow-lg: 0 20px 48px rgba(12, 16, 14, 0.18);

    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}