/* ─────────────────────────────────────────────────────────────────────
   Fleurs Discount — design tokens (variables CSS partagées).
   Importé par la vitrine (EJS) et les deux PWA (Svelte).
   Identité : rose fuchsia + doré, doux, féminin, beaucoup de blanc.
   ───────────────────────────────────────────────────────────────────── */
:root {
  /* Marque */
  --fd-rose: #E5398E;
  --fd-rose-dark: #C42974;
  --fd-rose-soft: #FCE4F1;
  --fd-rose-tint: #FBEFF6;
  --fd-or: #F9A825;
  --fd-or-light: #FBC02D;
  --fd-or-soft: #FFF6E0;

  /* Neutres */
  --fd-white: #FFFFFF;
  --fd-bg: #FFF9FC;
  --fd-text: #3A3A3A;
  --fd-text-soft: #6B6B6B;
  --fd-disabled: #BDBDBD;
  --fd-border: #F0DCE7;
  --fd-line: #ECECEC;

  /* États / statuts (alignés sur EVENT_STATUS_COLORS) */
  --fd-info: #2E86DE;
  --fd-success: #2E9E5B;
  --fd-warning: #F39C12;
  --fd-danger: #E0392B;
  --fd-muted: #9E9E9E;

  /* Pastille horaires */
  --fd-open: #2E9E5B;
  --fd-closed: #E0392B;

  /* Typographie */
  --fd-font-script: 'Great Vibes', 'Parisienne', cursive;
  --fd-font-ui: 'Poppins', 'Quicksand', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Rayons & ombres : coins arrondis, ombres légères */
  --fd-radius-sm: 8px;
  --fd-radius: 14px;
  --fd-radius-lg: 22px;
  --fd-radius-pill: 999px;
  --fd-shadow-sm: 0 1px 3px rgba(196, 41, 116, 0.08);
  --fd-shadow: 0 6px 20px rgba(196, 41, 116, 0.10);
  --fd-shadow-lg: 0 14px 40px rgba(196, 41, 116, 0.16);

  /* Espacement */
  --fd-gap-xs: 6px;
  --fd-gap-sm: 10px;
  --fd-gap: 16px;
  --fd-gap-lg: 28px;
  --fd-gap-xl: 48px;

  /* Conteneur */
  --fd-maxw: 1140px;
  --fd-app-maxw: 560px; /* surfaces app-like (PWA) plus étroites */
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--fd-font-ui);
  color: var(--fd-text);
  background: var(--fd-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--fd-rose-dark); }

/* Boutons de base réutilisables */
.fd-btn {
  font-family: inherit;
  font-weight: 600;
  border: none;
  cursor: pointer;
  border-radius: var(--fd-radius-pill);
  padding: 12px 22px;
  font-size: 1rem;
  transition: transform .08s ease, box-shadow .15s ease, background .15s ease;
}
.fd-btn:active { transform: translateY(1px); }
.fd-btn-primary { background: var(--fd-rose); color: #fff; box-shadow: var(--fd-shadow); }
.fd-btn-primary:hover { background: var(--fd-rose-dark); }
.fd-btn-gold { background: var(--fd-or); color: #4a3200; }
.fd-btn-gold:hover { background: var(--fd-or-light); }
.fd-btn-ghost { background: transparent; color: var(--fd-rose-dark); border: 2px solid var(--fd-rose); }
.fd-btn[disabled], .fd-btn:disabled { background: var(--fd-disabled); color: #fff; cursor: not-allowed; box-shadow: none; }

/* Pastille ouvert/fermé */
.fd-status-dot {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 600; cursor: pointer; user-select: none;
}
.fd-status-dot .dot { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 auto; }
.fd-status-open .dot { background: var(--fd-open); box-shadow: 0 0 0 4px rgba(46,158,91,.18); }
.fd-status-closed .dot { background: var(--fd-closed); box-shadow: 0 0 0 4px rgba(224,57,43,.16); }

/* Carte générique */
.fd-card {
  background: #fff;
  border-radius: var(--fd-radius);
  box-shadow: var(--fd-shadow-sm);
  overflow: hidden;
}

/* Wordmark script (logo rappel, à dose homéopathique) */
.fd-script { font-family: var(--fd-font-script); color: var(--fd-rose); line-height: 1; }