:root {
  /* Accent */
  --accent-crimson: #d72638;
  --accent-crimson-rgb: 215, 38, 56;
  --accent-crimson-dark: #b81e2e;
  --accent-gold: #c9a227;
  --accent-gold-rgb: 201, 162, 39;
  --color-success: #2ea043;

  --bg-warm-dark: #1a1510;

  /* Dark (default) */
  --bg-primary: #0a0a0a;
  --bg-secondary: #141414;
  --text-primary: #ededed;
  --text-muted: #7a7a7a;
  --surface-elevated: #1a1a1a;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --nav-bg: rgba(10, 10, 10, 0.85);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.6);
  --input-bg: #141414;
  --input-border: #2a2a2a;

  /* Transitions */
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] {
  --bg-warm-dark: #2a211a;
  --bg-primary: #f5f5f0;
  --bg-secondary: #ffffff;
  --text-primary: #1a1a1a;
  --text-muted: #6b6b6b;
  --surface-elevated: #ffffff;
  --border-subtle: rgba(0, 0, 0, 0.08);
  --nav-bg: rgba(245, 245, 240, 0.85);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 12px 40px rgba(0, 0, 0, 0.12);
  --input-bg: #ffffff;
  --input-border: #d0d0d0;
}