@import './ecommerce-default.css';
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&family=Source+Sans+3:wght@300;400;600&display=swap');

.theme-agency-minimal {
  --agency-font-heading: 'Oswald', sans-serif;
  --agency-font-body: 'Source Sans 3', sans-serif;
  --agency-overlay-base: color-mix(in srgb, var(--neutral-900) 42%, transparent);
  --agency-overlay-dark: color-mix(in srgb, var(--neutral-900) 58%, transparent);
  --agency-overlay-medium: color-mix(in srgb, var(--neutral-900) 50%, transparent);
  --agency-border-muted: color-mix(in srgb, var(--neutral-50) 24%, transparent);
  --agency-border-strong: color-mix(in srgb, var(--neutral-50) 42%, transparent);
  --agency-text-light: var(--neutral-50);
  --agency-text-light-muted: color-mix(in srgb, var(--neutral-50) 86%, transparent);
  --agency-footer-bg: var(--neutral-900);

  /* Neutral base is light gray — override semantic tokens so light pages stay readable */
  --text-primary: #111827;
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;
  --border-light: #d1d5db;
  --background-primary: #ffffff;
  --form-input-placeholder: #9ca3af;
  --form-input-border: #d1d5db;
  --newsletter-cta-bg: #ffffff;
  --newsletter-cta-text: #111827;
}

body {
  font-family: var(--agency-font-body);
}