/* Шрифты — self-hosted, подключаются через css/fonts.css в */ :root { /* Warm editorial palette — premium food industry */ --color-bg: #FAF6EF; --color-bg-warm: #F3EBD8; --color-bg-dark: #1E1208; --color-bg-section: #F7F1E6; --color-text: #1E1208; --color-text-secondary: #5C4A30; --color-text-muted: #8B7355; --color-text-light: #FAF6EF; --color-accent: #C8941C; --color-accent-dark: #A07214; --color-accent-light: rgba(200, 148, 28, 0.12); --color-accent-glow: rgba(200, 148, 28, 0.25); --color-border: rgba(30, 18, 8, 0.10); --color-border-warm: rgba(200, 148, 28, 0.25); /* Typography */ --font-display: 'Cormorant Garamond', Georgia, serif; --font-body: 'Manrope', -apple-system, sans-serif; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1rem; --text-lg: 1.125rem; --text-xl: 1.25rem; --text-2xl: 1.5rem; --text-3xl: 2rem; --text-4xl: 2.75rem; --text-5xl: 3.75rem; --text-6xl: 5rem; --weight-light: 300; --weight-normal: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; /* Spacing */ --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem; --space-4xl: 6rem; --space-5xl: 8rem; /* Layout */ --container-max: 1160px; --container-padding: 1.5rem; /* Border radius */ --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 20px; --radius-full: 9999px; /* Shadows */ --shadow-sm: 0 1px 4px rgba(30, 18, 8, 0.08); --shadow-md: 0 4px 16px rgba(30, 18, 8, 0.10); --shadow-lg: 0 8px 32px rgba(30, 18, 8, 0.12); --shadow-xl: 0 16px 48px rgba(30, 18, 8, 0.15); --shadow-accent: 0 8px 32px rgba(200, 148, 28, 0.20); /* Transitions */ --transition-fast: 180ms cubic-bezier(0.4, 0, 0.2, 1); --transition-base: 320ms cubic-bezier(0.4, 0, 0.2, 1); --transition-slow: 550ms cubic-bezier(0.4, 0, 0.2, 1); --transition-spring: 450ms cubic-bezier(0.34, 1.56, 0.64, 1); }