/* === CSS ПЕРЕМЕННЫЕ === */
:root {
    --color-primary: #1a5f5f;
    --color-primary-dark: #134848;
    --color-accent: #e07a5f;
    --color-accent-hover: #c9684f;
    --color-sand: #f4f1ea;
    --color-sand-dark: #e8e3d9;
    --color-text: #2c3333;
    --color-text-muted: #5a6565;
    --color-white: #ffffff;
    --color-border: #d4cfc4;

    --font-serif: Georgia, 'Times New Roman', serif;
    --font-sans: 'Segoe UI', system-ui, -apple-system, sans-serif;

    --spacing-unit: 8px;
    --container-max: 1120px;
    --container-narrow: 720px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    --shadow-sm: 0 2px 8px rgba(26, 95, 95, 0.08);
    --shadow-md: 0 4px 20px rgba(26, 95, 95, 0.12);

    --transition: 0.2s ease;
}