/* ==========================================================
   DESIGN TOKENS — единая система для сайта и админ-панели
   Концепция: "грязное -> чистое". Спрус вместо терракоты,
   солнечный акцент для CTA, монохромный Plex Mono для
   служебных/числовых данных (цены, slug, статусы, метрики).
   ========================================================== */

:root {
    /* Цвет */
    --color-bg:        #F7F9F7;
    --color-bg-alt:     #EEF3F1;
    --color-surface:    #FFFFFF;
    --color-card:       #E8EEEC;
    --color-ink:        #12201D;
    --color-ink-soft:   #47554F;
    --color-line:       #D8E2DE;

    --color-primary:      #0E6B5C;
    --color-primary-dark: #0A4E44;
    --color-primary-tint: #E3F0EC;

    --color-accent:      #F5A623;
    --color-accent-dark: #D98C0F;

    --color-danger:  #C4432B;
    --color-success: #2E8B57;

    /* Типографика */
    --font-display: 'Space Grotesk', 'Arial Narrow', sans-serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:    'IBM Plex Mono', ui-monospace, monospace;

    --fs-h1: clamp(2.4rem, 4vw + 1rem, 4.2rem);
    --fs-h2: clamp(1.8rem, 2.5vw + 1rem, 2.8rem);
    --fs-h3: clamp(1.3rem, 1.2vw + 1rem, 1.7rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;
    --fs-eyebrow: 0.8rem;

    /* Форма/сетка */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-card: 0 4px 20px rgba(18, 32, 29, 0.06);
    --shadow-pop:  0 12px 40px rgba(18, 32, 29, 0.16);
    --container: 1180px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}