/* Blazorponents theme tokens (light + dark). */
:root,
[data-bp-theme="light"],
.bp-theme-light {
  color-scheme: light;
  --bp-ink: #0f172a;
  --bp-muted: #475569;
  --bp-subtle: #64748b;
  --bp-inverse: #ffffff;
  --bp-surface: #ffffff;
  --bp-surface-strong: #f8fafc;
  --bp-surface-muted: #f1f5f9;
  --bp-surface-hover: #eef2f7;
  --bp-surface-inverse: #0f172a;
  --bp-outline: #cbd5e1;
  --bp-outline-strong: #94a3b8;
  --bp-outline-muted: #e2e8f0;
  --bp-accent: #2563eb;
  --bp-accent-strong: #1d4ed8;
  --bp-accent-muted: #dbeafe;
  --bp-accent-contrast: #ffffff;
  --bp-success: #16a34a;
  --bp-success-strong: #15803d;
  --bp-success-bg: #dcfce7;
  --bp-warning: #d97706;
  --bp-warning-strong: #b45309;
  --bp-warning-bg: #ffedd5;
  --bp-danger: #dc2626;
  --bp-danger-strong: #b91c1c;
  --bp-danger-bg: #fee2e2;
  --bp-info: #0284c7;
  --bp-info-strong: #0369a1;
  --bp-info-bg: #e0f2fe;
  --bp-control-bg: #ffffff;
  --bp-control-bg-hover: #f8fafc;
  --bp-control-bg-active: #f1f5f9;
  --bp-control-fg: #0f172a;
  --bp-control-border: #cbd5e1;
  --bp-control-border-hover: #94a3b8;
  --bp-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.25);
  --bp-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
  --bp-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.12);
  --bp-shadow-3: 0 20px 48px rgba(15, 23, 42, 0.18);
  --bp-backdrop: rgba(15, 23, 42, 0.5);
  --bp-skeleton: #e2e8f0;
  --bp-divider: #e2e8f0;
  --bp-highlight: #fef9c3;
  --bp-btn-border-width: 1px;
  --bp-btn-radius: 8px;
  --bp-btn-font-weight: 600;
  --bp-btn-gap: 0.5rem;
  --bp-btn-font-size-sm: 0.85rem;
  --bp-btn-font-size-md: 0.95rem;
  --bp-btn-font-size-lg: 1.05rem;
  --bp-btn-padding-sm: 0.35rem 0.7rem;
  --bp-btn-padding-md: 0.5rem 0.9rem;
  --bp-btn-padding-lg: 0.65rem 1.1rem;
  --bp-btn-icon-size-sm: 0.95rem;
  --bp-btn-icon-size-md: 1.1rem;
  --bp-btn-icon-size-lg: 1.25rem;
  --bp-btn-icon-only-size-sm: 2.1rem;
  --bp-btn-icon-only-size-md: 2.5rem;
  --bp-btn-icon-only-size-lg: 3rem;
  --bp-btn-fab-size: 3.25rem;
  --bp-btn-spinner-size: 1rem;
  --bp-btn-spinner-stroke: 2px;
  --bp-btn-group-gap: 0.5rem;
  --bp-btn-primary-bg: #1f6feb;
  --bp-btn-primary-bg-hover: #195fcb;
  --bp-btn-primary-fg: #ffffff;
  --bp-btn-secondary-bg: #ffffff;
  --bp-btn-secondary-bg-hover: #f1f5f9;
  --bp-btn-secondary-fg: #0f172a;
  --bp-btn-secondary-border: #0f172a;
  --bp-btn-ghost-fg: #0f172a;
  --bp-btn-ghost-bg-hover: #e2e8f0;
}

[data-bp-theme="dark"],
.bp-theme-dark {
  color-scheme: dark;
  --bp-ink: #e2e8f0;
  --bp-muted: #94a3b8;
  --bp-subtle: #64748b;
  --bp-inverse: #0b1220;
  --bp-surface: #0b1220;
  --bp-surface-strong: #0f172a;
  --bp-surface-muted: #111827;
  --bp-surface-hover: #1f2937;
  --bp-surface-inverse: #f8fafc;
  --bp-outline: #334155;
  --bp-outline-strong: #475569;
  --bp-outline-muted: #1f2937;
  --bp-accent: #38bdf8;
  --bp-accent-strong: #0ea5e9;
  --bp-accent-muted: #0b3b54;
  --bp-accent-contrast: #0b1220;
  --bp-success: #22c55e;
  --bp-success-strong: #16a34a;
  --bp-success-bg: #052e16;
  --bp-warning: #f59e0b;
  --bp-warning-strong: #d97706;
  --bp-warning-bg: #3a2206;
  --bp-danger: #f87171;
  --bp-danger-strong: #ef4444;
  --bp-danger-bg: #3b0a0a;
  --bp-info: #38bdf8;
  --bp-info-strong: #0ea5e9;
  --bp-info-bg: #082f49;
  --bp-control-bg: #0f172a;
  --bp-control-bg-hover: #111827;
  --bp-control-bg-active: #1f2937;
  --bp-control-fg: #e2e8f0;
  --bp-control-border: #334155;
  --bp-control-border-hover: #475569;
  --bp-focus-ring: 0 0 0 3px rgba(56, 189, 248, 0.35);
  --bp-shadow-1: 0 1px 2px rgba(2, 6, 23, 0.5);
  --bp-shadow-2: 0 8px 24px rgba(2, 6, 23, 0.55);
  --bp-shadow-3: 0 20px 48px rgba(2, 6, 23, 0.65);
  --bp-backdrop: rgba(2, 6, 23, 0.7);
  --bp-skeleton: #1f2937;
  --bp-divider: #1f2937;
  --bp-highlight: #3b2f0a;
  --bp-btn-border-width: 1px;
  --bp-btn-radius: 8px;
  --bp-btn-font-weight: 600;
  --bp-btn-gap: 0.5rem;
  --bp-btn-font-size-sm: 0.85rem;
  --bp-btn-font-size-md: 0.95rem;
  --bp-btn-font-size-lg: 1.05rem;
  --bp-btn-padding-sm: 0.35rem 0.7rem;
  --bp-btn-padding-md: 0.5rem 0.9rem;
  --bp-btn-padding-lg: 0.65rem 1.1rem;
  --bp-btn-icon-size-sm: 0.95rem;
  --bp-btn-icon-size-md: 1.1rem;
  --bp-btn-icon-size-lg: 1.25rem;
  --bp-btn-icon-only-size-sm: 2.1rem;
  --bp-btn-icon-only-size-md: 2.5rem;
  --bp-btn-icon-only-size-lg: 3rem;
  --bp-btn-fab-size: 3.25rem;
  --bp-btn-spinner-size: 1rem;
  --bp-btn-spinner-stroke: 2px;
  --bp-btn-group-gap: 0.5rem;
  --bp-btn-primary-bg: #3b82f6;
  --bp-btn-primary-bg-hover: #2563eb;
  --bp-btn-primary-fg: #f8fafc;
  --bp-btn-secondary-bg: #0b1220;
  --bp-btn-secondary-bg-hover: #111827;
  --bp-btn-secondary-fg: #e2e8f0;
  --bp-btn-secondary-border: #334155;
  --bp-btn-ghost-fg: #e2e8f0;
  --bp-btn-ghost-bg-hover: #1f2937;
}