/* ─── ARBITORIA — Base Styles ─── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:      #faf9f6;
  --surface: #f0ede6;
  --border:  #ddd9d0;
  --accent:  #8a6520;
  --accent2: #2a5f8a;
  --text:    #1c1a16;
  --muted:   #56514c;
  --green:   #2d7a4f;
  --red:     #a03030;
  --font-head: 'Playfair Display', Georgia, serif;
  --font-body: 'Lora', Georgia, serif;
  --mono: 'Courier New', monospace;
}

body.dark {
  --bg:      #0a0a0a;
  --surface: #111111;
  --border:  #2a2a2a;
  --accent:  #c8a96e;
  --accent2: #4a7fa5;
  --text:    #e8e4dc;
  --muted:   #a09890;
  --green:   #4caf7d;
  --red:     #e06060;
}

html { scroll-behavior: smooth; font-size: 18px; }

body {
  background: var(--bg); color: var(--text);
  font-family: var(--font-body); font-size: 1rem; line-height: 1.8;
  overflow-x: hidden; transition: background 0.4s, color 0.4s;
}

h1,h2,h3,h4 { font-family: var(--font-head); }
a { color: inherit; text-decoration: none; }

@keyframes fadeUp { from { opacity:0; transform: translateY(20px); } to { opacity:1; transform: translateY(0); } }