/* ==========================================
   MAIN STYLESHEET (DISPATCHER)
   layout.css подключается первым из index.html
   Порядок каскада строго соблюдён:
   base → typography → components → hero → feed → modal → tab-bar
   ========================================== */

@import 'css/base.css?v=20';
@import 'css/typography.css?v=13';
@import 'css/components.css?v=29';
@import 'css/hero.css?v=41';
@import 'css/feed.css?v=159';
@import 'css/modal.css?v=87';
@import 'css/tab-bar.css?v=23';

/* Токены дизайн-системы «Торба»: источник света, стекло, физика (см. DESIGN_SYSTEM.md) */
:root {
    --brand-primary: #2E6653;
    --brand-dark: #1E5644;
    --brand-light-bg: #EAF2EE;

    --bg-page: #F5F7F6;
    --bg-surface: #FFFFFF;
    --bg-glass-sticky: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.68) 100%);

    --border-light: rgba(226, 232, 240, 0.8);
    --border-glass: rgba(255, 255, 255, 0.6);
    --glass-highlight: inset 0 1px 1px 0 rgba(255, 255, 255, 0.7);

    --text-primary: #111827;
    --text-secondary: #6B7280;
    --text-on-brand: #FFFFFF;

    --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.06);

    --sticky-float-top: 4px;
    --sticky-float-gutter: 4px;
    --content-gutter: 4px;

    --service-bar-glass: rgba(255, 255, 255, 0.18);
    --service-bar-blur: 12px;

    --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
}