/* Nexi Relay tokens adapted from Platform Simulator. No framework reset,
   remote font dependency or second theme state: Blazor and Bootstrap share
   these semantic pairs through the existing data-bs-theme preference. */
:root {
    color-scheme: light;
    --portal-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --portal-font-heading: var(--portal-font);
    --portal-bg: #f5f6f8;
    --portal-surface: #ffffff;
    --portal-surface-raised: #ffffff;
    --portal-surface-soft: #eff1f4;
    --portal-input-bg: #f9f9fa;
    --portal-ink: #13161d;
    --portal-heading: #202376;
    --portal-muted: #566582;
    --portal-border: #d5d6e0;
    --portal-primary: #2d32a9;
    --portal-primary-hover: #242887;
    --portal-on-primary: #ffffff;
    --portal-link: #2d32a9;
    --portal-primary-soft: #efeffa;
    --portal-accent: #ff6065;
    --portal-chart-primary: #8184cc;
    --portal-chart-secondary: #e5565b;
    --portal-accent-soft: #fff0f1;
    --portal-focus: #2d32a9;
    --portal-success-text: #006b5c;
    --portal-success-bg: #edf8f6;
    --portal-success-border: #a7d2c8;
    --portal-warning-text: #805000;
    --portal-warning-bg: #fff7e8;
    --portal-warning-border: #e5b65a;
    --portal-danger-text: #9e0005;
    --portal-danger-bg: #fdf0f1;
    --portal-danger-border: #efb9bc;
    --portal-code-bg: #f2f3f8;
    --portal-code-text: #90275a;
    --portal-toast-bg: #13161d;
    --portal-toast-text: #ffffff;
    --portal-overlay: rgba(7, 7, 25, 0.58);
    --portal-radius: 0.5rem;
    --portal-radius-lg: 1rem;
    --portal-shadow: 0 2px 8px rgba(19, 22, 29, 0.06);
    --portal-shadow-lg: 0 12px 32px rgba(19, 22, 29, 0.12);
}

html[data-bs-theme="dark"] {
    color-scheme: dark;
    --portal-bg: #070719;
    --portal-surface: #101127;
    --portal-surface-raised: #18192f;
    --portal-surface-soft: #1c1e36;
    --portal-input-bg: #14152b;
    --portal-ink: #eff1f4;
    --portal-heading: #eff1f4;
    --portal-muted: #b5bed0;
    --portal-border: #393c5a;
    --portal-primary-hover: #4247b3;
    --portal-link: #bfc2ff;
    --portal-primary-soft: #242642;
    --portal-accent-soft: #28151f;
    --portal-focus: #ff9093;
    --portal-success-text: #8cddc7;
    --portal-success-bg: #0e2928;
    --portal-success-border: #28635a;
    --portal-warning-text: #ffd28a;
    --portal-warning-bg: #2a2214;
    --portal-warning-border: #715c35;
    --portal-danger-text: #ffb4b8;
    --portal-danger-bg: #2d161e;
    --portal-danger-border: #783a49;
    --portal-code-bg: #1b1c35;
    --portal-code-text: #ffa4cf;
    --portal-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    --portal-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.32);
}

/* Match Bootstrap's theme selector specificity, including first paint. */
:root,
html[data-bs-theme="light"],
html[data-bs-theme="dark"] {
    --bs-body-font-family: var(--portal-font);
    --bs-body-bg: var(--portal-bg);
    --bs-body-color: var(--portal-ink);
    --bs-heading-color: var(--portal-heading);
    --bs-emphasis-color: var(--portal-ink);
    --bs-secondary-color: var(--portal-muted);
    --bs-secondary-bg: var(--portal-surface-soft);
    --bs-tertiary-bg: var(--portal-surface-soft);
    --bs-border-color: var(--portal-border);
    --bs-link-color: var(--portal-link);
    --bs-link-hover-color: var(--portal-link);
    --bs-primary: var(--portal-primary);
    --bs-primary-rgb: 45, 50, 169;
    --bs-primary-text-emphasis: var(--portal-link);
    --bs-primary-bg-subtle: var(--portal-primary-soft);
    --bs-primary-border-subtle: var(--portal-border);
    --bs-success-text-emphasis: var(--portal-success-text);
    --bs-success-bg-subtle: var(--portal-success-bg);
    --bs-success-border-subtle: var(--portal-success-border);
    --bs-warning-text-emphasis: var(--portal-warning-text);
    --bs-warning-bg-subtle: var(--portal-warning-bg);
    --bs-warning-border-subtle: var(--portal-warning-border);
    --bs-danger-text-emphasis: var(--portal-danger-text);
    --bs-danger-bg-subtle: var(--portal-danger-bg);
    --bs-danger-border-subtle: var(--portal-danger-border);
    --bs-info-text-emphasis: var(--portal-link);
    --bs-info-bg-subtle: var(--portal-primary-soft);
    --bs-info-border-subtle: var(--portal-border);
    --bs-border-radius: var(--portal-radius);
    --bs-border-radius-lg: var(--portal-radius-lg);
    --bs-focus-ring-color: color-mix(in srgb, var(--portal-focus) 28%, transparent);
    --bs-code-color: var(--portal-code-text);
}