/* css/tokens.css */

/* 1. Импорт базовой библиотеки переменных (обязательно первым!) */
@import 'vendor/open-props.min.css';

/* 2. Кастомные токены поверх Open Props */
@layer tokens {
  :root {
    /* --- Шрифты (Golos) --- */
    --font-sans: 'Golos Text', ui-sans-serif, system-ui, sans-serif;
    --font-ui: 'Golos UI', 'Golos Text', ui-sans-serif, system-ui, sans-serif;

    /* --- Брендовые цвета --- */
    --brand-primary: var(--blue-6, #2563eb);
    --brand-primary-hover: var(--blue-7, #1d4ed8);
    --color-sber: #21a038;
    --color-sber-hover: #1a802d;
    --color-graph: #428bca;

    /* --- Поверхности и текст (маппинг на Open Props) --- */
    --surface-1: var(--gray-0, #ffffff);
    --surface-2: var(--gray-1, #f8fafc);
    --text-1: var(--gray-9, #0f172a);
    --text-2: var(--gray-6, #475569);

    /* --- Glassmorphism токены (для SDC компонентов) --- */
    --background-glass: #ffffffb3;
    --glass-blur: 12px;
  }
}