/* ============================================================================ ds-roles.css — РОЛЕВОЙ слой дизайн-системы Clike (ОСЬ 2, ортогонально теме). Роль на , независимо от data-theme. --ds-role-* по умолчанию ссылаются на ядро (следуют за темой). Роль переопределяет ТОЛЬКО там, где эталон реально отличается — без новых файлов и компонентов. Сегодня все роли = ядро (в эталоне цветовых различий по ролям нет). Компоненты (.ds-button/.ds-card/…) читают --ds-* (ядро/тема) + --ds-role-* (роль). ЗАПРЕЩЕНО: admin-dark.css / user-light.css / .admin-button — только пересечение осей. ============================================================================ */ :root{ --ds-role-bg: var(--ds-bg); --ds-role-bg-navy: var(--ds-bg-navy); --ds-role-panel: var(--ds-panel); --ds-role-panel-bd: var(--ds-panel-bd); --ds-role-text: var(--ds-ink); --ds-role-muted: var(--ds-muted); --ds-role-border: var(--ds-panel-bd); --ds-role-primary: var(--ds-brand-2); --ds-role-primary-ink: var(--ds-primary-ink); --ds-role-accent: var(--ds-brand-grad); --ds-role-link: var(--ds-link); } /* Пер-ролевые переопределения добавляются ЗДЕСЬ, когда эталон требует (сегодня — нет). Пример (НЕ активен): :root[data-role="partner"]{ --ds-role-primary: <бренд партнёра>; } Роль-токены автоматически тема-зависимы (ссылаются на --ds-*), поэтому один блок работает и в dark, и в light. */ :root[data-role="guest"]{ /* = ядро */ } :root[data-role="user"]{ /* = ядро (participant) */ } :root[data-role="admin"]{ /* = ядро (admin/owner) */ } :root[data-role="partner"]{ /* = ядро (резерв под эталон; partner.* scope, НЕ admin) */ } :root[data-role="manager"]{ /* = ядро (резерв под эталон; manager.* scope, ограниченнее admin) */ }