/* ── Шрифт Inter ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');

#custom-style {
    --app-font-famaly: 'Inter', sans-serif;

    --accent-60:  rgba(37, 99, 235, 0.55);
    --accent-80:  rgb(29, 78, 216);
    --accent-100: rgb(37, 99, 235);
    --accent-120: rgb(59, 130, 246);

    --bg-main: rgba(238, 245, 255, 0.6);

    --font-weight-article-heading: 600;
    --font-weight-default: 400;
}

/* ══ Светлая тема ══ */
#custom-style[data-theme="light"] {

    --color-primary-general: black;
    --color-link: #1d4ed8;

    /* Боковые панели */
    --color-nav-menu-bg:  rgb(237, 245, 254);
    --color-nav-item: #1c1d1f;

    --version-control-primary: var(--accent-100);

    --color-article-heading-text: #1e3a8a;
    --color-article-text: rgb(28, 29, 31);

    /* Кнопки */
    --color-btn-default-bg:          var(--accent-100);
    --color-btn-default-text:        #ffffff;
    --border-btn-default:            1px solid transparent;
    --opacity-btn-default-bg-hover:  1;
    --color-btn-default-bg-hover:    var(--accent-120);
    --color-btn-default-text-hover:  #ffffff;
    --color-btn-underline-text-hover: var(--accent-100);

    /* Главная страница */
    --color-home-bg:                 rgba(238, 245, 255, 0.7);
    --color-home-card-border:        rgba(37, 99, 235, 0.12);
    --color-home-card-border-hover:  rgba(37, 99, 235, 0.28);
    --color-home-card-bg-hover:      rgba(37, 99, 235, 0.05);
    --box-shadow-home-card:          0px 4px 24px -6px rgba(37, 99, 235, 0.2);

    /* Примечания */
    --color-admonition-quote-border: rgba(37, 99, 235, 0.45);
    --color-admonition-quote-bg:     rgba(219, 234, 254, 0.55);
}

/* ══ Тёмная тема ══ */
#custom-style[data-theme="dark"] {

    --color-primary-general: white;
    --color-link: #93c5fd;

    --color-nav-menu-bg:  rgb(25, 35, 67);
    --color-nav-item: white;

    --version-control-primary: var(--accent-120);

    --color-article-heading-text: #bfdbfe;
    --color-article-text: #e5e7eb;

    --color-btn-default-bg:          var(--accent-80);
    --color-btn-default-text:        #ffffff;
    --border-btn-default:            1px solid transparent;
    --opacity-btn-default-bg-hover:  1;
    --color-btn-default-bg-hover:    var(--accent-100);
    --color-btn-default-text-hover:  #ffffff;
    --color-btn-underline-text-hover: var(--accent-120);

    --color-home-bg:                rgba(15, 23, 55, 0.85);
    --color-home-card-border:       rgba(96, 165, 250, 0.14);
    --color-home-card-border-hover: rgba(96, 165, 250, 0.3);
    --color-home-card-bg-hover:     rgba(96, 165, 250, 0.07);
    --box-shadow-home-card:         0px 4px 24px -6px rgba(37, 99, 235, 0.35);

    --color-admonition-quote-border: rgba(96, 165, 250, 0.4);
    --color-admonition-quote-bg:     rgba(30, 58, 138, 0.3);
}

/* Скруглённые карточки каталогов + тень */
[data-catalog-card] {
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(37, 99, 235, 0.08) !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}
[data-catalog-card]:hover {
    box-shadow: 0 8px 32px rgba(37, 99, 235, 0.18) !important;
    transform: translateY(-2px) !important;
}

/* Блоки кода */
pre, code {
    border-radius: 10px !important;
}