:root {
    /* Paleta IMA — blanco institucional con detalles dorados */
    --color-bg: #FFFFFF;
    --color-primary: #C9A84C;
    --color-primary-light: #DFC06A;
    --color-primary-dark: #A8892A;
    --color-border: #E9E7E2;
    --color-surface: #F7F6F3;
    --color-white: #FFFFFF;

    --color-text: #24211C;
    --color-text-muted: #8B8579;
    --color-text-soft: #B7B2A6;

    --status-reservado: #C9A84C;
    --status-reservado-bg: #FBF1D8;
    --status-confirmado: #6B9080;
    --status-confirmado-bg: #E6EFE9;
    --status-cancelado: #B5654A;
    --status-cancelado-bg: #F5E5DF;
    --status-completado: #8A8578;
    --status-completado-bg: #EDEBE5;
    --status-noasistio: #A65858;
    --status-noasistio-bg: #F2E2E0;
    --status-pendiente: #B8862E;
    --status-pendiente-bg: #FBEBCB;

    --color-error: #C0392B;
    --color-error-bg: #FBEAE7;
    --color-success: #6B9080;
    --color-success-bg: #E6EFE9;

    --font-heading: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;

    --shadow-sm: 0 2px 8px rgba(201, 168, 76, 0.08);
    --shadow-md: 0 4px 20px rgba(201, 168, 76, 0.12);
    --shadow-lg: 0 8px 32px rgba(201, 168, 76, 0.16);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    background: var(--color-bg);
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-text);
}

a { color: inherit; }

button, input, select, textarea { font-family: var(--font-body); }