:root {
    --font-sans: 'Poppins', sans-serif;
    --font-serif: 'Merriweather', serif;

    --color-background: #f4f7fa;
    --color-surface: #ffffff;
    --color-surface-soft: #f5f6f5;
    --color-surface-warm: #fff8ef;
    --color-text: #333333;
    --color-text-strong: #2c3e50;
    --color-text-muted: #7f8c8d;
    --color-brand: #1a2e44;
    --color-brand-soft: #34495e;
    --color-accent: #e67e22;
    --color-accent-dark: #d35400;
    --color-border: #b39369;
    --color-border-soft: #e0e0e0;
    --color-nav: #000000;
    --color-footer: rgba(0, 0, 0, 0.95);
    --color-danger: #b00020;
    --color-danger-soft: #fee2e2;
    --color-success-soft: #e7f8ec;

    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-card: 0 4px 15px rgba(0, 0, 0, 0.1);
    --shadow-card-hover: 0 10px 25px rgba(0, 0, 0, 0.2);
    --shadow-panel: 0 20px 50px rgba(20, 31, 46, 0.12);

    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    --site-max-width: 1200px;
    --section-max-width: 1400px;
    --content-max-width: 800px;
    --nav-height-mobile: 82px;
    --nav-height-desktop: 94px;

    --transition-standard: 0.3s ease;
    --transition-slow: 0.6s ease;
    --dur: 260ms;
    --ease: cubic-bezier(.22, .61, .36, 1);
}