/* Variables de design de la billetterie — valeurs reprises du site webatas.fr
   (public/css/site.css et admin.css du projet webatas). Ne pas réinventer : copier.

   --accent est la couleur propre à chaque théâtre (réglée dans son back-office) ;
   par défaut, le rouge webatas. Les teintes de survol et de fond en sont déduites. */
:root {
  /* Encre et gris chauds */
  --ink: #1C1B1A;
  --text-2: #3D3B38;
  --muted: #5B5853;
  --faint: #8A8681;

  /* Filets et fonds */
  --line: #E6E3DF;
  --line-2: #D9D6D2;
  --line-soft: #ECEAE7;
  --bg: #F6F5F3;          /* ivoire */
  --white: #FFFFFF;

  /* Rouge webatas */
  --red: #CD1626;
  --red-hover: #A3101D;
  --red-dark: #861212;
  --red-link: #B5121F;
  --pink: #FBE9EA;

  /* Accent du théâtre (redéfini dans la page selon le théâtre) */
  --accent: var(--red);
  --accent-hover: color-mix(in srgb, var(--accent) 80%, black);
  --accent-dark: color-mix(in srgb, var(--accent) 62%, black);
  --accent-soft: color-mix(in srgb, var(--accent) 10%, white);
  --accent-ring: color-mix(in srgb, var(--accent) 16%, transparent);

  /* Messages */
  --ok-bg: #EAF5EE; --ok: #1E5B37;
  --warn-bg: #FFF4DB; --warn: #7A5300;
  --err-bg: #FDECEC; --err: #8A1414;

  /* Typographie */
  --display: 'Bebas Neue', Impact, 'Arial Narrow', sans-serif;
  --sans: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Formes */
  --radius-field: 10px;
  --radius-sm: 12px;
  --radius: 14px;
  --radius-panel: 16px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --shadow-dialog: 0 20px 60px rgba(0, 0, 0, .25);
}