/* ============================================
   THÈME TAVERNE - Ambiance médiévale chaleureuse
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cinzel+Decorative:wght@400;700;900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root {
  /* === Variables nouveau design system === */
  --bg:        #150d08;
  --bg-soft:   #1f1410;
  --bg-card:   #2a1a12;
  --bg-card-2: #352116;
  --bg-elev:   #3d2719;
  --bg-deep:   #0e0805;

  --ink:    #f5e6c4;
  --ink-2:  #e2cf9d;
  --ink-3:  #b59c70;
  --ink-4:  #8a7250;
  --hairline:        rgba(212, 175, 55, 0.14);
  --hairline-strong: rgba(212, 175, 55, 0.30);

  --gold:        #d4af37;
  --gold-light:  #f4d35e;
  --gold-dark:   #a07c1a;
  --copper:      #b87333;
  --accent:      #d4af37;
  --accent-deep: #a07c1a;
  --ember:       #e07a3a;
  --moss:        #6e8b3a;

  --ok:     #6ea64a;
  --warn:   #e0a13a;
  --danger: #c64a1a;

  --f-display: "Cormorant Garamond", "Lora", "Times New Roman", serif;
  --f-heading: "Cinzel", "Cormorant Garamond", serif;
  --f-body:    "Lora", Georgia, serif;

  /* === Aliases legacy === */
  --bg-primary:   var(--bg);
  --bg-secondary: var(--bg-soft);
  --bg-tertiary:  var(--bg-card);
  --card-bg-start: var(--bg-card);
  --card-bg-end:   var(--bg-card-2);
  --accent-primary:       var(--gold);
  --accent-primary-light: var(--gold-light);
  --accent-primary-dark:  var(--gold-dark);
  --accent-secondary:     var(--copper);
  --text-primary:   var(--ink);
  --text-secondary: var(--ink-2);
  --text-muted:     var(--ink-3);
  --color-success:       var(--ok);
  --color-success-light: #93c463;
  --color-danger:        var(--danger);
  --color-danger-light:  var(--ember);
  --font-display: var(--f-display);
  --font-heading: var(--f-heading);
  --font-body:    var(--f-body);
}

/* Fond du body avec dégradé chaud */
body {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(212, 175, 55, 0.06), transparent 70%),
    linear-gradient(160deg, #1a0f0a 0%, #2a1810 40%, #120a06 100%) !important;
}