/* ============================================================
   PREFS — размер шрифта, режим для слабовидящих, форма углов.
   Подключается ПРИ ЛЮБОЙ теме (в т.ч. классической).
   Управляется cookie: fontsize (normal|large|xlarge),
   a11y (0|1), radius (round|square).
   ============================================================ */

/* ===== Размер шрифта ===== */
html[data-fs="large"] body  { zoom: 1.15; }
html[data-fs="xlarge"] body { zoom: 1.3; }

/* ===== Режим для слабовидящих ===== */
html[data-a11y="1"] body {
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.75;
}
html[data-a11y="1"] a { text-decoration: underline; }
html[data-a11y="1"] { --text-muted: var(--text-secondary); }
html[data-a11y="1"] .sidebar-nav a,
html[data-a11y="1"] .sidebar-nav .folder { font-size: 13px !important; }
html[data-a11y="1"] img,
html[data-a11y="1"] svg { filter: contrast(1.08); }

/* ===== Форма углов =====
   Атрибут продублирован, чтобы перебить по специфичности правила вида
   `.journal-toolbar .journal-btn-primary { border-radius: … !important }` (2 класса). */
html[data-radius="square"][data-radius="square"] *,
html[data-radius="square"][data-radius="square"] *::before,
html[data-radius="square"][data-radius="square"] *::after {
    border-radius: 0 !important;
}
html[data-radius="square"] .ico { border-radius: 0 !important; }

/* ===== Фон: точки (по умолчанию) / Gonka-сетка / градиент ===== */
html[data-bg="dots"] body {
    background-image:
        radial-gradient(var(--dot, rgba(255, 255, 255, 0.05)) 1px, transparent 1px),
        var(--bg-gradient, none) !important;
    background-size: 22px 22px, cover !important;
    background-position: -1px -1px, center !important;
    background-attachment: scroll, fixed !important;
}
html[data-bg="gonka"] body {
    background-image:
        linear-gradient(var(--dot, rgba(255, 255, 255, 0.05)) 1px, transparent 1px),
        linear-gradient(90deg, var(--dot, rgba(255, 255, 255, 0.05)) 1px, transparent 1px),
        var(--bg-gradient, none) !important;
    background-size: 46px 46px, 46px 46px, cover !important;
    background-position: -1px -1px, -1px -1px, center !important;
    background-attachment: scroll, scroll, fixed !important;
}
html[data-bg="gradient"] body {
    background-image: var(--bg-gradient, none) !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}