/* css/variables.css — SOURCE UNIQUE de la palette, de la typo et des bases globales.
   Chargé en premier par templates/header.php : aucun autre fichier CSS ne doit
   définir de bloc :root ni réimporter la fonte. */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
    /* Palette principale — dominante violet + or */
    --primary: #47398d;
    --primary-dark: #19077c;
    --primary-light: #ece8f6;
    --accent: #d4af37;          /* or */
    --accent-bright: #ffd700;   /* or vif (états actifs) */
    --accent-dark: #a07d2a;

    /* Fond et surfaces */
    --bg-color: #f4f4f9;
    --card-bg: #ffffff;
    --text-dark: #333333;

    /* États */
    --success: #2e7d32;
    --danger: #c62828;
    --team-cook: #f7f2e3;
    --name-pending: #1f6fb2;   /* nom d'un convive sans réservation — bleu */
    --name-booked: #c05a86;    /* nom d'un convive avec réservation — rosé */

    /* Dégradés et effets */
    --btn-grad: linear-gradient(135deg, #6e81c5, var(--primary-dark));
    --btn-grad-inv: linear-gradient(135deg, var(--primary-dark), #6e81c5);
    --glass: rgba(255, 255, 255, 0.1);

    /* Alias historiques (à résorber progressivement) */
    --primary-blue: var(--primary-dark);
    --gold: var(--accent);
    --success-green: var(--success);
    --danger-red: var(--danger);

    /* Échelle de gris (page RGPD) */
    --gray-50: #f8f9fa;
    --gray-100: #f1f3f5;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;

    /* Ombres */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Base globale */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: "Cormorant Garamond", serif;
    background-color: var(--bg-color);
    margin: 0;
    color: var(--text-dark);
    line-height: 1.6;
    /* Le romain est la graisse par défaut ; l'italique est réservé aux titres (cf. header.css) */
}

/* Accessibilité : focus clavier toujours visible */
:focus-visible {
    outline: 3px solid var(--accent-bright);
    outline-offset: 2px;
}