:root {
    /* Backgrounds */
    --bg-main: #0b0b0d;                 /* основной фон страницы */
    --bg-elevated: #121216;             /* карточки/блоки */
    --bg-elevated-soft: rgba(18, 18, 22, 0.95);

    /* Header */
    --bg-header-top: rgba(10, 10, 11, 0.98);
    --bg-header-mid: rgba(10, 10, 11, 0.90);

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

    /* Panels */
    --bg-panel: rgba(18, 18, 22, 0.96);
    --bg-panel-strong: rgba(18, 18, 22, 1);

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

    /* Accent colors */
    --accent: #d7b24a;                  
    --accent-strong: #e6c074;           
    --accent-soft: rgba(215, 178, 74, 0.18);
    --accent-secondary: #caa03a;        

    /* Text */
    --text-main: #f2f2f2;
    --text-muted: #c8c8c8;

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

    /* Borders */
    --border-soft: rgba(255, 255, 255, 0.06);
    --border-softer: rgba(255, 255, 255, 0.04);
    --border-soft-strong: rgba(255, 255, 255, 0.10);
    --border-pill-weak: rgba(255, 255, 255, 0.14);
    --border-pill-strong: rgba(255, 255, 255, 0.18);
    --border-pill-accent: rgba(215, 178, 74, 0.35);
    --border-card: rgba(255, 255, 255, 0.10);

    /* Shadows */
    --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.45);
    --shadow-logo: 0 0 14px rgba(215, 178, 74, 0.45);
    --shadow-primary: 0 10px 22px rgba(215, 178, 74, 0.22);
    --shadow-primary-strong: 0 14px 30px rgba(215, 178, 74, 0.32);
    --shadow-article: 0 8px 18px rgba(0, 0, 0, 0.35);

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

    /* Gradient */
    --gradient-main: radial-gradient(
        circle at top left,
        #17171c 0,
        #0b0b0d 45%,
        #0b0b0d 100%
    );
}