/* ============================================================
   FL&O — Thème (variables de design)
   Ce fichier est servi directement sans compilation.
   Modifie-le et uploade-le seul pour changer le design.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Caveat:wght@400;600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Special+Elite&family=Abril+Fatface&family=Yesteryear&display=swap');

:root {
  /* ── Couleurs ── */
  --color-bg:        #ffffff;
  --color-bg-soft:   #f4f4f4;
  --color-bg-white:  #ffffff;
  --color-purple:    #c1aad1;
  --color-deep:      #2f034c;
  --color-deep-soft: #4a0d6e;
  --color-white:     #ffffff;
  --color-text:      #111111;
  --color-text-soft: #555555;
  --color-border:    #e0e0e0;
  --color-error:     #c0392b;
  --color-success:   #27ae60;
  --color-warning:   #f39c12;

  /* ── Typographie ── */
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-accent:  'DM Sans', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* ── Rayons ── */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* ── Ombres ── */
  --shadow-sm: 0 2px 8px rgba(47,3,76,0.06);
  --shadow-md: 0 4px 20px rgba(47,3,76,0.10);
  --shadow-lg: 0 8px 40px rgba(47,3,76,0.16);

  /* ── Transition ── */
  --transition: 0.2s ease;
}