:root {
  --brand-name: "BRAND_NAME";

  --color-bg-canvas: #151412;
  --color-bg-surface: #1d1b18;
  --color-bg-elevated: #25221e;

  --color-text-primary: #f3eee5;
  --color-text-secondary: #b9b0a3;

  --color-border-subtle: #39342d;
  --color-accent-primary: #b39a68;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;

  --container: 72rem;
}