:root {
  /* Primary brand */
  --primary:        #956B1F;
  --primary-dark:   #7a5a16;
  --primary-light:  #b8860b;

  /* Backgrounds */
  --bg-page:        #FAF8F5;
  --bg-card:        #FFFFFF;
  --bg-elevated:    #F5F0EB;
  --bg-nav:         #1a1a1a;

  /* Text */
  --text-primary:   #2D2A26;
  --text-secondary: #6B6560;
  --text-on-dark:   #FAF8F5;

  /* UI status colors */
  --success:        #22c55e;
  --warning:        #f59e0b;
  --danger:         #ef4444;
  --info:           #3b82f6;

  /* Borders & Effects */
  --border:         #E8E2DA;
  --shadow:         0 2px 12px rgba(45, 42, 38, 0.08);
  --radius:         12px;
}