/* Палитра бренда Jenimy из макета; остальное наследуется от hdcart-main. См. notes.md §17.2.
   Кнопки красит --color-accent, а не --color-btn-bg.
   --color-success — слот цены, а не «зелёный успех»: в макете цена чёрная. */
:root {
    /* ── Текст ────────────────────────────────────────────────────────────── */
    --color-text-primary: #030D15;   /* black */
    --color-text-secondary: #696A6C; /* gray 1000 */
    --color-text-tertiary: #83888C;  /* gray 800 */
    --color-text-inverse: #FFFFFF;
    --color-text-dark: #030D15;
    --color-text-light: #696A6C;
    --color-text-warning: #EC7E47;   /* orange — счётчик остатка */
    --color-text-error: #DE2409;     /* red */
    --color-text-success: #030D15;   /* brand accent — цена в макете чёрная */

    /* ── Фоны ─────────────────────────────────────────────────────────────── */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F4F6F6;   /* gray 100 */
    --color-bg-tertiary: #F4F6F6;    /* подвал */
    --color-surface: #F4F6F6;        /* шапки таблиц: sizeguide, specs */

    /* ── Состояния ────────────────────────────────────────────────────────── */
    --color-rating: #FFCC00;         /* yellow */
    --color-error: #DE2409;          /* red */
    --color-success: #030D15;        /* brand accent — цена, «Free!», выбранный свотч */
    --color-info: #EEF3F6;           /* hover secondary — фон .woocommerce-info, CheckoutWC */
    --color-recommended: #D6ECFF;    /* blue 200 */

    /* ── Акцент = цвет кнопок (см. примечание выше) ───────────────────────── */
    --color-accent: #030D15;         /* brand accent */
    --color-accent-hover: #0D42C1;   /* hover primary */
    --color-accent-2: #030D15;       /* плитки категорий на ховере, активная точка слайдера */
    --color-accent-2-hover: #0D42C1;

    /* ── Кнопки ───────────────────────────────────────────────────────────── */
    --color-btn-bg: #030D15;
    --color-btn-bg-hover: #0D42C1;
    --color-btn-text: #FFFFFF;
    --color-btn-bg-alt: #030D15;
    --color-btn-hover: #EEF3F6;      /* hover secondary */
    --color-btn-bg-alt-hover: #0D42C1;
    --color-btn-bg-disabled: #CDCFD0; /* gray 600 */

    /* ── Границы ──────────────────────────────────────────────────────────── */
    --color-border: #83888C;          /* gray 800 */
    --color-border-lightest: #F4F6F6; /* gray 100 */
    --color-border-lighter: #E0E3E5;  /* gray 400 — самый частый: поля, таблицы, сетки */
    --color-border-light: #CDCFD0;    /* gray 600 */
    --color-border-medium: #83888C;   /* gray 800 */
}