:root {
    /* ---- Тёмные фоновые оттенки (от самого тёмного к светлому) ---- */
    --pure-black: #05070d;             /* фон страницы */
    --midnight-navy: #070b14;          /* фон хедера и футера */
    --deep-navy: #0d1526;              /* карточки, блоки контента */
    --deep-navy-translucent: rgba(13, 21, 38, 0.67); /* полупрозрачная подложка (таблицы) */
    --input-navy: #151b28;             /* фон полей ввода */
    --border-navy: #24304c;            /* тонкие рамки и разделители */

    /* ---- Текст ---- */
    --off-white: #f0f3fb;              /* основной текст на тёмном фоне */
    --slate-blue-gray: #8b97b3;        /* второстепенный/приглушённый текст */
    --ink-navy: #0a0e17;               /* тёмный текст на золотых кнопках */

    /* ---- Акцент бренда (золото) ---- */
    --warm-gold: #c9a24c;              /* основной акцентный цвет: заголовки, кнопки, ссылки, hover */
    --light-gold: #e0bd6e;             /* светлое золото: hover-состояния кнопок */
    --dark-gold: #7a6231;              /* приглушённое золото: скроллбар и декоративные детали */

    /* ---- Статусы ---- */
    --emerald-green: #2fd393;          /* положительное значение / успех */
    --crimson-red: #ef4a63;            /* отрицательное значение / ошибка */

    /* ---- Шрифты ---- */
    --font-main: 'Space Grotesk', 'Reem Kufi', sans-serif;
    --font-mono: 'Space Mono', monospace;
}