/* ==========================================================================
   bsft-portal-theme.css
   --------------------------------------------------------------------------
   Pure variable bridge (WP5, docs/architecture/multi-org/09-arbeitspakete.md):
   maps the portal's own design tokens (design-tokens.css) onto the --bsft-*
   custom properties bsft-ui.css reads. No component CSS of its own, and
   bsft-ui.css itself is never forked or edited.

   Load order in Components/App.razor's <head>:
     1. design-tokens.css / design-system.css / app.css / portal.css (existing)
     2. bsft-theme-bootstrap.js (pre-paint) + bsft-ui.css        (bsft-ui)
     3. bsft-portal-theme.css                                    (this file)
   Same specificity as bsft-ui.css's own ":root" rule, so load order alone
   decides — this file must come after it.

   Deliberately a single ":root" block and nothing else: unlike bsft-ui.css,
   which has to express its own light/dark/system tri-state because it ships
   the only palette an application without a host theme would have, the
   portal already resolves that tri-state once, server-side, into its own
   --bg-*/--text-*/--border-* tokens (see Components/App.razor and
   design-tokens.css). Every --bsft-* token below simply reads the portal's
   already-resolved value, so it carries the right color for whichever theme
   is active without repeating the tri-state logic here.
   ========================================================================== */

:root {
    --bsft-color-text: var(--text-primary);
    --bsft-color-muted: var(--text-secondary);
    --bsft-color-surface: var(--bg-elevated);
    --bsft-color-border: var(--border-default);
    --bsft-color-primary: var(--accent);
    --bsft-color-primary-contrast: var(--accent-on);
    --bsft-color-danger: var(--error);
    --bsft-color-danger-surface: var(--bg-inset);
    --bsft-color-warning: var(--warning);
    --bsft-color-warning-surface: var(--bg-inset);
    --bsft-color-success: var(--success);
    --bsft-color-success-surface: var(--bg-inset);
    --bsft-color-info: var(--info);
    --bsft-color-info-surface: var(--bg-inset);
    --bsft-spacing: var(--space-2);
    --bsft-radius: var(--radius-md);
    --bsft-font: var(--font-sans);
}
