:root{
/* ---- Base neutrals ---- */
--ask-gray-900:#212121;
--ask-gray-600:#666666;
--ask-gray-500:#999999;
--ask-gray-400:#bbbbbb;
--ask-gray-200:#e5e5e5;
--ask-gray-150:#ebebeb;
--ask-gray-100:#f6f6f6;
--ask-white:#ffffff;
/* ---- Brand primary (teal) ---- */
--ask-primary:#00b9bf;
--ask-primary-hover:#17c4c9;
--ask-primary-pressed:#009fa4;
--ask-primary-soft:#def3f4;
/* ---- Semantic ---- */
--ask-magenta:#fe0066;
/* ---- Brand pastels (Фирменные) — category/variant backdrops ---- */
--ask-dandelion:#ffdf68;
--ask-diamond:#b8e5ff;
--ask-caper:#d1e5ad;
--ask-lavender-blush:#fdf0f5;
--ask-vanilla:#fffce0;
--ask-feta:#f0f6e3;
/* ---- Semantic aliases ---- */
--text-primary:var(--ask-gray-900);
--text-dim:var(--ask-gray-600);
--text-muted:var(--ask-gray-500);
--border-default:var(--ask-gray-200);
--border-muted:var(--ask-gray-400);
--divider:var(--ask-gray-150);
--surface-page:var(--ask-white);
--surface-muted:var(--ask-gray-100);
--surface-card:var(--ask-white);
--accent:var(--ask-primary);
--accent-hover:var(--ask-primary-hover);
--accent-pressed:var(--ask-primary-pressed);
--accent-soft:var(--ask-primary-soft);
--discount:var(--ask-magenta);
}