/**
 * Flavor Theme - Base CSS custom properties and resets.
 * Dynamic values are injected via acf-sync.php into :root.
 * These are static fallbacks and utility styles.
 */

:root {
    --flavor-primary: #2563eb;
    --flavor-secondary: #7c3aed;
    --flavor-accent: #f59e0b;
    --flavor-dark: #111827;
    --flavor-light: #f9fafb;
    --flavor-body-text: #374151;

    --flavor-font-heading: 'Inter', sans-serif;
    --flavor-font-body: 'Inter', sans-serif;
    --flavor-font-size-base: 16px;
    --flavor-line-height: 1.6;

    --flavor-header-bg: #ffffff;
    --flavor-header-text: #111827;
    --flavor-footer-bg: #111827;
    --flavor-footer-text: #d1d5db;

    --flavor-radius-sm: 4px;
    --flavor-radius-md: 8px;
    --flavor-radius-lg: 16px;
    --flavor-radius-full: 9999px;

    --flavor-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --flavor-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --flavor-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    --flavor-container: 1200px;
    --flavor-container-narrow: 800px;
    --flavor-container-wide: 1400px;
}
