/* Minimalist Baker Color Palette */
:root {
  /* Primary Colors */
  --color-primary: #2A2B2A;
  --color-primary-light: #333333;
  --color-primary-dark: #212121;

  /* Background Colors */
  --color-bg: #FAF8F3;
  --color-bg-alt: #FFFFFF;
  --color-bg-accent: #FFEEE6;

  /* Text Colors */
  --color-text: #2A2B2A;
  --color-text-light: #666666;
  --color-text-muted: #888888;

  /* Accent Colors */
  --color-accent: #FFEEE6;
  --color-accent-hover: #FFE4D9;

  /* Link Colors */
  --color-link: #2A2B2A;
  --color-link-hover: #000000;

  /* Button Colors */
  --color-button-bg: transparent;
  --color-button-text: #2A2B2A;
  --color-button-border: #2A2B2A;
  --color-button-hover-bg: #2A2B2A;
  --color-button-hover-text: #FFFFFF;

  /* Dietary Badge Colors */
  --badge-gf-bg: #E8DDD4;
  --badge-gf-text: #333333;
  --badge-vg-bg: #E87C5C;
  --badge-vg-text: #FFFFFF;
  --badge-v-bg: #2D6A4F;
  --badge-v-text: #FFFFFF;
  --badge-df-bg: #333333;
  --badge-df-text: #FFFFFF;
  --badge-ns-bg: #333333;
  --badge-ns-text: #FFFFFF;

  /* Card Colors */
  --card-bg: #FFFFFF;
  --card-shadow: rgba(0, 0, 0, 0.05);
  --card-border: transparent;

  /* Header/Footer */
  --header-bg: #FFFFFF;
  --header-text: #2A2B2A;
  --footer-bg: #FAF8F3;
  --footer-text: #2A2B2A;
  --topbar-bg: #FFEEE6;

  /* Newsletter */
  --newsletter-bg: #FAF8F3;
  --newsletter-accent: #FFEEE6;

  /* Typography */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-size-base: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
  --font-size-h3: 21px;
  --font-size-h4: 18px;

  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-xxl: 48px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 50%;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
}

/* Dark mode overrides (optional) */
@media (prefers-color-scheme: dark) {
  :root {
    /* Keep light mode for this design */
  }
}