/* =========================
   ТЕМАТИЧЕСКИЕ ПАРАМЕТРЫ
========================= */
:root {
    --accent: #18c1d2;
    --accent-hover: #11aaba;
    --accent-soft: #d7f8fb;

    --dark-bg: #0f1316;
    --dark-panel: #151b20;
    --dark-card: #171d22;
    --dark-input: #0b1014;
    --dark-text: #f5f8fa;
    --dark-muted: #aab7bf;
    --dark-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);

    --light-bg: #f5fbfc;
    --light-panel: #ffffff;
    --light-card: #ffffff;
    --light-input: #ffffff;
    --light-text: #101417;
    --light-muted: #61727b;
    --light-shadow: 0 10px 28px rgba(24, 193, 210, 0.10);

    --radius-xl: 28px;
    --radius-lg: 22px;
    --radius-md: 18px;
    --radius-sm: 14px;

    --font-min: 14px;
}

/* Темная тема */
body.theme-dark {
    --bg: var(--dark-bg);
    --panel: var(--dark-panel);
    --card: var(--dark-card);
    --input: var(--dark-input);
    --text: var(--dark-text);
    --muted: var(--dark-muted);
    --shadow: var(--dark-shadow);
}

/* Светлая тема */
body.theme-light {
    --bg: var(--light-bg);
    --panel: var(--light-panel);
    --card: var(--light-card);
    --input: var(--light-input);
    --text: var(--light-text);
    --muted: var(--light-muted);
    --shadow: var(--light-shadow);
}