/*
    Видът на Студиото: същата идентичност като сайта и Академията
    (assets/brand/README.md): лилаво, тъмнолилаво, оранжево САМО за главното
    действие, светъл лилав фон, жълто за акцент. Шрифтовете са самохостнати
    (wwwroot/fonts), без външни адреси.
*/

/* Alegreya (заглавия) и Nunito (текст): променливи шрифтове, кирилица и латиница. */
@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/alegreya-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/alegreya-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/nunito-cyrillic.woff2') format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/fonts/nunito-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Цветовете на марката */
    --brand: #5B3A8E; /* лилаво: шапка, заглавия, второстепенни бутони */
    --brand-dark: #3E2A66; /* тъмнолилаво: подвал, текст върху светло лилаво */
    --brand-soft: #EFE7F8; /* светло лилаво: ленти и етикети */
    --brand-softer: #F6F1FC;
    --action: #E57C41; /* оранжево: САМО главното действие на екрана */
    --action-dark: #C96631;
    --accent-yellow: #FFD23F; /* жълто: малък акцент (внимание, ново) */
    --bg: #FAF7FD;
    --surface: #FFFFFF;
    --text: #2A2140;
    --text-muted: #5F5873;
    --border: #E3DAF0;
    --ok: #1E7F5C;
    --ok-soft: #E4F3EC;
    --warn: #8A5A00;
    --warn-soft: #FFF6DC;
    --danger: #B3261E;
    --danger-soft: #FCEDEC;

    /* Шрифтове */
    --font-head: 'Alegreya', Georgia, 'Times New Roman', serif;
    --font-body: 'Nunito', 'Segoe UI', system-ui, -apple-system, sans-serif;

    /* Размери */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-pill: 999px;
    --tap: 44px; /* най-малка височина на нещо, което се докосва */
    --shadow: 0 6px 18px rgba(62, 42, 102, 0.08);
    --shadow-lift: 0 12px 28px rgba(62, 42, 102, 0.14);
}

* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body);
    background: var(--bg);
    color: var(--text);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
    font-family: var(--font-head);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 0.5rem;
    color: var(--text);
}

a {
    color: var(--brand);
}

:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 2px;
}

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