:root {
  --color-brand-green: #022519;
  --color-brand-green-strong: #033020;
  --color-brand-green-footer: #053423;
  --color-brand-gold: #c79a4a;
  --color-background: #f9f7f1;
  --color-surface: #fefdfb;
  --color-text-primary: #0e1311;
  --color-text-secondary: #636963;
  --color-border: #dbd9d1;
  --color-success: #054129;
  --color-low-stock: #db661f;

  --font-display: Georgia, "Times New Roman", serif;
  --font-ui: Inter, Arial, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;

  --radius-button: 6px;
  --radius-card: 8px;
  --radius-input: 6px;
  --radius-image: 8px;

  --container-width: 1280px;
  --page-padding: 80px;
  --mobile-padding: 20px;
  --mobile-content: 350px;

  --border-default: 1px solid var(--color-border);
  --shadow-header: 0 2px 6px rgb(0 0 0 / 8%);
  --shadow-hero-button: 0 3px 7px rgb(0 0 0 / 22%);
}