/* Дизайн-токены головного сайта школы «Точка Кода».
   Тёмная navy/purple/teal тема — та же, что на лендингах курсов
   (index_purpleteam.html, index.html, index_1c.html). См. CONCEPT.md, раздел 4. */
:root {
    /* --- Цвет: бренд (purple → teal) --- */
    --color-primary-900: #0A0D1B;
    --color-primary-700: #9B6BFF;
    --color-primary-500: #B389FF;
    --color-primary-300: #CBB0FF;
    --color-primary-100: #241B3D;

    --color-accent-700: #1FB8A9;
    --color-accent-500: #2FDFCF;
    --color-accent-300: #7CEBE0;
    --color-accent-100: #17332F;

    --gradient: linear-gradient(135deg, var(--color-primary-700), var(--color-accent-500));

    /* --- Цвет: нейтральная шкала (тёмная) --- */
    --color-neutral-0: #0A0D1B;
    --color-neutral-50: #10142A;
    --color-neutral-100: #141935;
    --color-neutral-150: #1B2140;
    --color-neutral-200: #272E52;
    --color-neutral-400: #6B7299;
    --color-neutral-600: #9AA1C7;
    --color-neutral-800: #D7D9EE;
    --color-neutral-900: #E8EAF6;

    --color-success: #2FDFCF;
    --color-danger: #FF6B6B;

    /* --- Семантические алиасы --- */
    --color-bg: var(--color-neutral-0);
    --color-bg-subtle: var(--color-neutral-50);
    --color-bg-muted: var(--color-neutral-100);
    --color-surface: var(--color-neutral-100);
    --color-surface-2: var(--color-neutral-150);
    --color-bg-inverse: var(--color-neutral-900);
    --color-border: var(--color-neutral-200);
    --color-text: var(--color-neutral-900);
    --color-text-muted: var(--color-neutral-600);
    --color-text-inverse: var(--color-neutral-0);

    /* --- Типографика --- */
    --font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    --text-xs: 0.8125rem;
    --text-sm: 0.9375rem;
    --text-base: 1.0625rem;
    --text-lg: 1.25rem;
    --text-xl: 1.5rem;
    --text-2xl: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);
    --text-3xl: clamp(2.25rem, 1.8rem + 2vw, 3.25rem);

    --leading-tight: 1.2;
    --leading-normal: 1.55;

    /* --- Пространство (4px base) --- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;

    /* --- Форма --- */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-full: 999px;

    /* --- Тень --- */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.45);

    /* --- Сетка --- */
    --container-max: 1200px;
    --header-height: 76px;
}