/* SilverDESK Workbench semantic tokens.
   Loaded by the host after the scoped CSS bundle. The host ships a single dark Radzen theme
   (material-dark) with the Silver Lined brand tokens, so dark is the default here and the
   light variant is opt-in through [data-theme="light"].

   Every text pair below measures at least 4.5:1 and every non-text pair at least 3:1 against
   the surface it is used on; see docs/superpowers/reviews/2026-10-08-workbench-visual-qa.md. */
:root {
    --workbench-canvas: #0f172a;
    --workbench-paper: #182235;
    --workbench-rail: #243044;
    --workbench-ink: #ffffff;
    --workbench-secondary: #c0c6d4;
    --workbench-silver: #64748b;
    --workbench-accent: var(--ss-info, #60a5fa);
    --workbench-on-accent: #0f172a;
    --workbench-brand: var(--ss-accent-500, #c0c6d4);
    --workbench-on-brand: #0f172a;
    --workbench-space-1: 4px;
    --workbench-space-2: 8px;
    --workbench-space-3: 12px;
    --workbench-space-4: 16px;
    --workbench-chrome-offset: 7rem;
    --workbench-on-rail: #ffffff;
    --workbench-danger: #f87171;
    --workbench-warning: #fbbf24;
    --workbench-success: #4ade80;
    --workbench-graphite: #243044;
}

[data-theme="light"] {
    --workbench-canvas: #f6f7f9;
    --workbench-paper: #ffffff;
    --workbench-rail: #263449;
    --workbench-ink: #0f172a;
    --workbench-secondary: #475569;
    --workbench-silver: #6b7280;
    --workbench-accent: #2563eb;
    --workbench-on-accent: #ffffff;
    --workbench-brand: #334155;
    --workbench-on-brand: #ffffff;
    --workbench-on-rail: #ffffff;
    --workbench-danger: #b42318;
    --workbench-warning: #9a6700;
    --workbench-success: #16794b;
    --workbench-graphite: #263449;
}