@import "tailwindcss";

:root {
  --bg: #14100c;
  --surface: #1f1811;
  --surface-2: #2a2117;
  --gold: #c9971f;
  --gold-light: #e8c468;
  --amber: #d97706;
  --amber-light: #f5a742;
  --cream: #f3ede0;
  --cream-dim: #cdc4b0;
}

/* Theme light - fond blanc, texte noir, accents plus vifs */
.light {
  --bg: #ffffff;
  --surface: #f8f5f0;
  --surface-2: #f0e8e0;
  --cream: #1a1a1a;
  --cream-dim: #5a5a5a;
  --gold: #b8860b;
  --gold-light: #daa520;
  --amber: #cc7700;
  --amber-light: #e69500;
}

@theme inline {
  --color-bg: var(--bg);
  --color-surface: var(--surface);
  --color-surface-2: var(--surface-2);
  --color-gold: var(--gold);
  --color-gold-light: var(--gold-light);
  --color-amber: var(--amber);
  --color-amber-light: var(--amber-light);
  --color-cream: var(--cream);
  --color-cream-dim: var(--cream-dim);
  --font-display: var(--font-fraunces);
  --font-body: var(--font-inter);
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  color: var(--cream);
  font-family: var(--font-body);
}

.text-balance {
  text-wrap: balance;
}