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

    /* Header */
    --bg-header-top: rgba(18, 18, 20, 0.98); 
    --bg-header-mid: rgba(12, 12, 14, 0.9);

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

    /* Panels */
    --bg-panel: rgba(24, 24, 27, 0.98);
    --bg-panel-strong: rgba(24, 24, 27, 1);

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

    /* Accent colors */
    --accent: #d2a24a;                 
    --accent-strong: #f2c76a;          
    --accent-soft: rgba(210, 162, 74, 0.18);
    --accent-secondary: #9a7a3d;       

    /* Text */
    --text-main: #f5f5f6;
    --text-muted: #a0a0a6;

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

    /* 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(210, 162, 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(210, 162, 74, 0.45);
    --shadow-primary: 0 10px 22px rgba(210, 162, 74, 0.22);
    --shadow-primary-strong: 0 14px 30px rgba(210, 162, 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,
        #2a2a2e 0,
        #0b0b0d 45%,
        #0b0b0d 100%
    );
}