/**
 * Serenity Stays — design tokens (source unique)
 * Surchargés dynamiquement par includes/theme.php via <style id="serenity-theme">
 */
:root {
  /* Couleurs marque */
  --color-cream: #faf7f2;
  --color-sand: #f5f0e8;
  --color-earth: #3d3a35;
  --color-sage: #8b9a7d;
  --color-sage-dark: #5c6b52;
  --color-gold: #c4a574;
  --color-gold-light: #e8d5b5;
  --color-ocean: #2c5f7a;
  --color-white: #ffffff;
  --color-accent: var(--color-sage-dark);

  /* Sémantiques */
  --color-danger: #c0392b;
  --color-success: #27ae60;
  --color-warning: #d68910;
  --color-info: var(--color-ocean);
  --color-surface: #ffffff;
  --color-border: #e0e8df;
  --color-text: var(--color-earth);
  --color-text-muted: #6b6560;

  /* Admin */
  --color-sidebar: #2e2c28;
  --color-sidebar-text: #e8e4dc;
  --color-sidebar-muted: #9a958c;

  /* Inbox (harmonisé marque) */
  --mail-accent: var(--color-sage-dark);
  --mail-accent-soft: color-mix(in srgb, var(--color-sage) 18%, white);
  --mail-accent-hover: color-mix(in srgb, var(--color-sage) 10%, white);
  --mail-text: var(--color-earth);
  --mail-text-secondary: var(--color-text-muted);
  --mail-border: var(--color-border);
  --mail-surface: var(--color-surface);
  --mail-bg: var(--color-cream);
  --mail-row-h: 40px;

  /* Typographie */
  --font-body: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;

  /* Forme */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --shadow-soft: 0 8px 32px rgba(61, 58, 53, 0.08);
  --hero-overlay: linear-gradient(135deg, rgba(44, 95, 122, 0.35) 0%, rgba(61, 58, 53, 0.5) 100%);

  /* Safe areas & touch */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --touch-min: 44px;

  /* Rétrocompatibilité (alias) */
  --cream: var(--color-cream);
  --sand: var(--color-sand);
  --earth: var(--color-earth);
  --sage: var(--color-sage);
  --sage-dark: var(--color-sage-dark);
  --gold: var(--color-gold);
  --gold-light: var(--color-gold-light);
  --ocean: var(--color-ocean);
  --white: var(--color-white);
  --sidebar: var(--color-sidebar);
  --danger: var(--color-danger);
  --success: var(--color-success);
  --warning: var(--color-warning);
  --shadow: var(--shadow-soft);
  --radius: var(--radius-md);
}