/* IS Coach — дизайн-токены (этап 0, палитра приведена к Chatium 14.10 вечером).
   Значения взяты из выгрузки Chatium: components/CourseCard.vue, pages/HomePage.vue
   (там же заголовок-объём, слоган, карточки). Основа — бирюза #5BA4A4,
   мята #7ECDC0, золото #D4AF6A/#E9C46A, светлые фоны, тёмно-зелёные заголовки. */

:root {
    --navy: #5BA4A4;            /* основная кнопка и акцент — бирюза Chatium */
    --navy-dark: #1B3A6B;       /* заголовки — тёмно-синий, как в Chatium */
    --link: #5BA4A4;
    --mint-bg: #E8F5F0;         /* фоны блоков, рамки карточек */
    --mint: #7ECDC0;            /* светлая бирюза (градиенты карточек) */
    --mint-deep: #3F8F8F;
    --gold: #D4AF6A;            /* бейджи, звёзды, старая цена */
    --gold-strong: #E9C46A;     /* золотое свечение, слоган */
    --red: #D67B7B;
    --text: #2D3436;
    --text-muted: #636E72;
    --page-bg: #ffffff;
    --card-bg: #ffffff;
    --radius: 24px;             /* карточки Chatium — 24px */
    --radius-btn: 50px;         /* кнопки Chatium — «пилюля» */
}

body {
    margin: 0;
    background: var(--page-bg);
    color: var(--text);
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

h1, h2, h3, .serif {
    font-family: "Playfair Display", "Georgia", serif;
    color: var(--navy-dark);
}

.btn {
    display: inline-block;
    border: none;
    border-radius: var(--radius-btn);
    padding: 9px 18px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}
.btn-primary  { background: var(--navy); color: #fff; }
.btn-success  { background: var(--mint); color: #123322; }
.btn-danger   { background: #fdecec; color: var(--red); }
.btn-ghost    { background: #fff; color: var(--navy); border: 1px solid #d6dbe8; }

.badge {
    display: inline-block;
    border-radius: 999px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 700;
}
.badge-ok     { background: #e2f4e7; color: #2c7a4b; }   /* Опубликован / Зачёт */
.badge-draft  { background: #eef0f4; color: #6b7488; }   /* Черновик */
.badge-gold   { background: #fdf3dc; color: #9a6d10; }   /* Обязательное / На проверке */
.badge-red    { background: #fdecec; color: var(--red); }
.badge-navy   { background: #dfe6f7; color: var(--navy); }
.badge-violet { background: #ece4fa; color: #6b4bc4; }   /* СЛУШАТЕЛЬ */

.card {
    background: var(--card-bg);
    border-radius: var(--radius);
    box-shadow: 0 2px 10px rgba(31, 47, 85, .08);
}

/* Тарифные карточки — золотая кайма (идея Ирины 11.10, светлая версия) */
.tariff-glow {
    border: 2px solid var(--gold);
    box-shadow: 0 0 14px rgba(217, 169, 75, .55);
    border-radius: var(--radius);
}
.tariff-glow.active {
    border-width: 3px;
    box-shadow: 0 0 22px rgba(217, 169, 75, .8);
}

/* Фиолетовый градиент шапок страниц курсов */
.course-hero {
    background: linear-gradient(135deg, #8a7ff0 0%, #5b4bc4 100%);
    color: #fff;
}

/* Плашка-инфо урока, мятная зона материалов */
.zone-mint { background: var(--mint-bg); border-radius: var(--radius); }