/* ============================================================================
 * Токены визуального слоя темы «Весы-Пром».
 * Стратегия (Decision #4, A через E): блочная структура тем остаётся,
 * весь визуал доводится до макета здесь, обычным CSS по дизайн-токенам.
 * Подключается в явном порядке через inc/assets.php.
 * ========================================================================== */

:root {
    /* ------------------------------------------------------------------
     * БРЕНД-ТОКЕНЫ — ссылаются на палитру theme.json сайта (var(--wp--preset--
     * color--*)). Чтобы перекрасить весь сайт под другой бренд (nasos-prom и
     * т.п.) — меняется ТОЛЬКО палитра в theme.json этого сайта, CSS не трогается.
     * Соответствие слотов задано в theme.json:
     *   contrast=brand-dark, accent-1=brand, accent-2=brand-hover,
     *   accent=CTA, accent-hover, accent-5=bg, text, border, success, on-dark.
     * ------------------------------------------------------------------ */
    --rv-brand-dark:  var(--wp--preset--color--contrast, #0E2A47);
    --rv-brand:       var(--wp--preset--color--accent-1, #164E7E);
    --rv-brand-hover: var(--wp--preset--color--accent-2, #0E3A63);
    --rv-accent:      var(--wp--preset--color--accent, #2563EB);
    --rv-accent-hover: var(--wp--preset--color--accent-hover, #1D4ED8);
    --rv-accent-active: #1E40AF;
    --rv-text:        var(--wp--preset--color--text, #1D2733);
    --rv-text-muted:  var(--wp--preset--color--accent-4, #64748B);
    --rv-text-faint:  var(--wp--preset--color--text-faint, #94A3B8);
    --rv-on-dark:     var(--wp--preset--color--on-dark, #B8C6D6);
    --rv-bg:          var(--wp--preset--color--accent-5, #F4F6F8);
    --rv-surface:     var(--wp--preset--color--base, #FFFFFF);
    --rv-border:      var(--wp--preset--color--border, #DCE3EA);
    --rv-success:     var(--wp--preset--color--success, #1E7A34);

    /* ------------------------------------------------------------------
     * СТРУКТУРНЫЕ ТОКЕНЫ — общие для всех сайтов, от бренда не зависят.
     * ------------------------------------------------------------------ */
    --rv-accent-line: #60A5FA;
    --rv-accent-soft: #93C5FD;
    --rv-accent-pale: #DBEAFE;
    --rv-on-dark-muted: #9FB2C4;   /* приглушённый текст на тёмном (футер) */
    --rv-on-dark-badge: #9FC1E0;
    --rv-surface-alt: #F1F5F9;
    --rv-surface-soft: #F8FAFC;
    --rv-active-row: #EFF5FB;
    --rv-border-input: #C9D3DD;
    --rv-border-dark: #1C4066;      /* разделители на тёмном фоне */
    --rv-divider: #EDF1F5;
    --rv-success-bg: #E5F3E8;
    --rv-warn-bg: #FDF0E3;
    --rv-warn: #B05A08;
    --rv-container: 1280px;
    --rv-radius-sm: 4px;
    --rv-radius: 6px;
    --rv-radius-lg: 8px;
    --rv-radius-xl: 10px;
    --rv-shadow-hover: 0 4px 16px rgba(14, 42, 71, 0.10);
}