/* Paleta: verde salvia refinado + crema cálida + acento melocotón */
:root {
    --c-bg: #F5F1E8;
    --c-bg-elevated: #FFFFFF;
    --c-surface: #FFFFFF;
    --c-surface-muted: #EEE7D8;
    --c-surface-soft: #F9F4EA;
    --c-ink: #1A2620;
    --c-ink-soft: #2B3A33;
    --c-muted: #5A6B62;
    --c-muted-soft: #94A199;

    --c-primary: #3F6E5C;
    --c-primary-hover: #2E5544;
    --c-primary-soft: #D4E4DA;
    --c-primary-softer: #E8F0EB;
    --c-primary-ink: #FFFFFF;

    --c-accent: #E5926D;
    --c-accent-hover: #C8704B;
    --c-accent-soft: #F8DDC8;

    --c-success: #5A8C6E;
    --c-warning: #C89B3C;
    --c-danger: #B7493D;
    --c-info: #527A92;

    --c-border: #DDD5C4;
    --c-border-soft: #E8E1D2;
    --c-border-strong: #B8AE9A;

    --c-overlay: rgba(26, 38, 32, 0.55);

    /* sombras de marca — más profundidad */
    --shadow-card: 0 1px 2px rgba(26, 38, 32, 0.04), 0 4px 12px rgba(26, 38, 32, 0.04);
    --shadow-card-hover: 0 4px 8px rgba(26, 38, 32, 0.06), 0 16px 32px rgba(26, 38, 32, 0.08);
    --shadow-elevated: 0 8px 24px rgba(26, 38, 32, 0.08), 0 24px 56px rgba(26, 38, 32, 0.10);
    --shadow-glow: 0 0 0 8px var(--c-primary-softer);

    /* gradientes reutilizables */
    --gradient-hero: radial-gradient(ellipse 60% 80% at 90% 10%, var(--c-primary-soft) 0%, transparent 50%),
                     radial-gradient(ellipse 50% 70% at 0% 90%, var(--c-accent-soft) 0%, transparent 60%),
                     linear-gradient(180deg, var(--c-bg) 0%, var(--c-surface-soft) 100%);
    --gradient-mesh: linear-gradient(135deg, var(--c-primary-softer) 0%, var(--c-surface) 100%);
}