:root {
    /* Backgrounds */
    --bg-main: #f4ecdc;                 /* основной фон страницы */
    --bg-elevated: #fff7ea;            /* карточки/блоки */
    --bg-elevated-soft: rgba(255, 247, 234, 0.96);

    /* Header */
    --bg-header-top: rgba(107, 134, 176, 0.98); /* спокойный голубой */
    --bg-header-mid: rgba(92, 121, 164, 0.9);

    /* Deep backgrounds (используй для секций/подложек) */
    --bg-deep: rgba(235, 227, 210, 0.9);
    --bg-deep-soft: rgba(235, 227, 210, 0.95);
    --bg-deep-strong: rgba(235, 227, 210, 1);

    /* Panels */
    --bg-panel: rgba(255, 252, 245, 0.98);
    --bg-panel-strong: rgba(255, 252, 245, 1);

    /* Dark token (для контрастных элементов, иконок, возможно футера) */
    --bg-extra-dark: #618ec9;

    /* Accent colors */
    --accent: #f0a12b;                 /* оранжево-золотой как кнопки */
    --accent-strong: #ffa200;          /* светлый блик */
    --accent-soft: rgba(240, 161, 43, 0.18);
    --accent-secondary: #6f8fbc;       /* поддерживающий голубой */

    /* Text */
    --text-main: #2c2b27;
    --text-muted: #6b675d;

    /* Status */
    --danger: #cf4b3a;

    /* Borders */
    --border-soft: rgba(73, 63, 40, 0.08);
    --border-softer: rgba(73, 63, 40, 0.05);
    --border-soft-strong: rgba(73, 63, 40, 0.12);
    --border-pill-weak: rgba(73, 63, 40, 0.16);
    --border-pill-strong: rgba(73, 63, 40, 0.2);
    --border-pill-accent: rgba(240, 161, 43, 0.35);
    --border-card: rgba(73, 63, 40, 0.12);

    /* Shadows */
    --shadow-soft: 0 10px 24px rgba(78, 61, 30, 0.14);
    --shadow-logo: 0 0 14px rgba(240, 161, 43, 0.45);
    --shadow-primary: 0 10px 22px rgba(240, 161, 43, 0.22);
    --shadow-primary-strong: 0 14px 30px rgba(240, 161, 43, 0.3);
    --shadow-article: 0 8px 18px rgba(78, 61, 30, 0.12);

    /* Radii */
    --radius-lg: 18px;
    --radius-md: 12px;

    /* Gradient */
    --gradient-main: radial-gradient(
        circle at top left,
        #8ea6c7 0,
        #f4ecdc 45%,
        #f4ecdc 100%
    );
}