:root {
  --color-bg: #0b0e0c;
  --color-bg-raised: #101410;
  --color-surface: #171b17;
  --color-surface-elevated: #252a23;
  --color-border: #31372f;
  --color-text-primary: #f4f1e8;
  --color-text-secondary: #b9b8ae;
  --color-text-muted: #77786f;
  --color-accent: #7bd88f;
  --color-accent-strong: #54be72;
  --color-accent-dim: rgba(123, 216, 143, 0.16);
  --color-secondary-accent: #e4b363;
  --color-success: #67d18a;
  --color-warning: #e4b363;
  --color-error: #ff6b5f;
  --shadow-raised: 0 16px 36px rgba(0, 0, 0, 0.28);

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}