/* =====================================================
   base.css — Variables, reset, typographie
   Paroisse L'Enfant Jésus de Prague
   Palette : Rouge principal + Bleu secondaire + Or
   ===================================================== */

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

/* --- Variables --- */
:root {
  --green-dark:   #B02A2B;
  --green-med:    #E33E3F;
  --green-deep:   #8C1F20;
  --green-night:  #5C0D0E;
  --green-bg:     #FDF0F0;
  --green-pale:   #FDE8E8;
  --gold:         #D4A017;
  --gold-light:   #F0C040;
  --blue:         #1A3A6B;
  --blue-med:     #1E4D8C;
  --red:          #E33E3F;
  --red-dark:     #B02A2B;
  --white:        #FFFFFF;
  --wave-blue:    #003399;
  --om-orange:    #CC5500;
  --status-ok:    #155724;
  --status-wait:  #856404;
  --status-rej:   #C0392B;
  --status-fail:  #7B1FA2;
  --radius:       12px;
  --shadow:       0 4px 24px rgba(0,0,0,0.10);
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.07);
}

/* --- Reset --- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  background: var(--green-bg);
  color: #222;
  min-height: 100vh;
}

h1, h2, h3, .serif { font-family: 'Cormorant Garamond', serif; }

a { color: var(--green-med); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; }

/* --- Badges statut --- */
.badge {
  display: inline-block;
  padding: 0.2em 0.65em;
  border-radius: 50px;
  font-size: 0.8rem;
  font-weight: 700;
}
.badge-ok   { background: #D4EDDA; color: var(--status-ok); }
.badge-wait { background: #FFF3CD; color: var(--status-wait); }
.badge-rej  { background: #F8D7DA; color: var(--status-rej); }
.badge-fail { background: #EDE7F6; color: var(--status-fail); }
.badge-wave { background: #E3F2FD; color: var(--wave-blue); }
.badge-om   { background: #FFF3E0; color: var(--om-orange); }

/* --- Print --- */
@media print {
  .site-header, .btn, .no-print { display: none !important; }
  body { background: #fff; }
  .confirm-card { box-shadow: none; }
}