:root {
    --bg-dark:      #0d0c0a;
    --bg-surface:   #1a1712;
    --bg-elevated:  #22201a;
    --bg-card:      #2a2720;
    --accent:       #c8a96e;
    --accent-hover: #d4b87a;
    --accent-dim:   rgba(200, 169, 110, 0.15);
    --text-primary: #e8dcc8;
    --text-muted:   #8a7d6b;
    --border:       #2e2a22;
    --border-light: #3a3630;
    --danger:       #b85c5c;
}

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

body {
    background: var(--bg-dark);
    color: var(--text-primary);
    font-family: 'Inter', sans-serif;
    margin: 0;
    padding: 0;
}