:root{
    --bg: #F6F9FF;
    --bg2: #EEF5FF;
    --surface: #FFFFFF;
    --surface-soft: #F2F7FF;
    --stroke: #E2E8F0;

    --text: #0F172A;
    --muted: #475569;
    --muted-dark: rgba(107, 114, 128, 0.25);
    --muted-light:#6b7280;

    --gray-light: #e5e7eb;
    --gray-dark: #6b7280;

    --blue: #2563EB;
    --blue2: #1D4ED8;
    --blue-soft: #DBEAFE;
    --blue-border: rgba(37, 99, 235, 0.22);

    --orange: #F59E0B;
    --orange2: #D97706;
    --orange-soft: #FEF3C7;

    --green: #22C55E;
    --green-soft: #DCFCE7;

    --purple: #8B5CF6;
    --purple-soft: #EDE9FE;

    --cyan: #E0F2FE;
    --cyan-dark: #075985;
    --cyan-border: rgba(2, 132, 199, 0.20);

    --pink: #FFE4E6;
    --pink-dark: #9F1239;
    --pink-border: rgba(244, 63, 94, 0.20);


    --radius: 20px;
    --radius-xs: 12px ;
    --radius-sm: 14px;
    --radius-md: 16px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-2xl: 999px;
    --radius-12: 12px;

    /* --- Сетка отступов (Spacing) --- */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 10px;
    --space-base: 12px;
    --space-lg: 16px;

    /* --- Размеры элементов (Sizes) --- */
    --size-icon: 46px;  /* для .event__icon */

    /* --- Типографика (Typography) --- */
    --fs-xs: 12px;      /* .mini-cal__dow, .event__meta */
    --fs-sm: 13px;      /* .mini-cal__day */
    --fs-base: 15px;    /* .event__title */

    --fw-bold: 850;
    --fw-bolder: 900;
    --fw-black: 950;




    --shadow-sm: 0 6px 18px rgba(15,23,42,.08);
    --shadow-md: 0 16px 40px rgba(15,23,42,.12);
    --shadow-lg: 0 24px 48px rgba(15,23,42,.16);

    --shadow-btn: 0 10px 22px rgba(15,23,42,.10);
    --shadow-btn-secondary: 0 10px 22px rgba(37,99,235,.14);
    --shadow-chip: 0 10px 22px rgba(15,23,42,.08);
    --shadow-badge: 0 10px 22px rgba(15,23,42,.06);
    --shadow-event: 0 8px 18px rgba(15,23,42,.06);
    --shadow-input: 0 10px 22px rgba(15,23,42,.05);
    --shadow-input-focus: 0 10px 22px rgba(15,23,42,.08);
    --shadow-logo: 0 8px 18px rgba(15,23,42,.08);
    --shadow-footer-logo: 0 10px 22px rgba(15,23,42,.06);
    --shadow-cat: 0 4px 12px rgba(0, 0, 0, 0.03);
    --shadow-cat-hover: 0 8px 20px rgba(0, 0, 0, 0.06);
    --shadow-cat-active: 0 10px 25px rgba(39, 174, 96, 0.10);
    --shadow-drop: 0 16px 24px rgba(15,23,42,.16);


    --focus: 0 0 0 4px rgba(37,99,235,.22);
}

*{ box-sizing:border-box; margin:0; padding:0; }
img{ max-width:100%; height:auto; display:block; }
button{ font:inherit; }
a{ color:inherit; text-decoration:none; }

/* Page */
.educat{
    min-height:100vh;
    background:
            radial-gradient(900px 600px at 15% 0%, rgba(37,99,235,.12), rgba(37,99,235,0) 60%),
            radial-gradient(900px 600px at 85% 10%, rgba(245,158,11,.12), rgba(245,158,11,0) 60%),
            linear-gradient(180deg, var(--bg), var(--bg2));
    color: var(--text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.educat__container{
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}