/* =========================================================
   TEMA: ELEGANTE / EDITORIAL (estética, spa, bienestar)
   Paleta actual del proyecto: sage green + terracota.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    /* Superficies */
    --bg-base: #F9F8F6;
    --surface: #FFFFFF;
    --surface-rgb: 255, 255, 255;
    --bg-soft: #F2F0EC;

    /* Marca */
    --primary: #6B705C;
    --primary-rgb: 107, 112, 92;
    --primary-light: #A5A58D;
    --accent: #CB997E;
    --accent-rgb: 203, 153, 126;
    --on-primary: #FFFFFF;
    --on-accent: #FFFFFF;

    /* Texto */
    --text-dark: #333333;
    --text-light: #666666;

    /* Tipografía */
    --font-headings: 'Playfair Display', serif;
    --font-body: 'Montserrat', sans-serif;

    /* Forma */
    --radius: 16px;
    --transition: all 0.3s ease;
    --easing: cubic-bezier(0.4, 0, 0.2, 1);

    /* Bordes / sombras (RGB base para rgba(var(--border-rgb), alpha)) */
    --border-rgb: 0, 0, 0;

    /* Semánticos de estado */
    --color-success: #166534;
    --color-success-bg: #D4EDDA;
    --color-warning: #92400E;
    --color-warning-bg: #FFF3CD;
    --color-danger: #B91C1C;
    --color-danger-bg: #F8D7DA;
    --color-danger-solid: #d9534f;
    --color-danger-rgb: 217, 83, 79;

    /* Footer (siempre oscuro por diseño en los 4 temas) */
    --footer-bg: #2D3027;
}