/**
 * BB Reign Enhancements — dark design system.
 * The project is dark by design; there is no light-mode fallback that can flash
 * white while Reign or Elementor finishes loading.
 */

:root {
  color-scheme: dark;

  --bbre-font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bbre-font-size-xs: 12px;
  --bbre-font-size-sm: 13px;
  --bbre-font-size-base: 15px;
  --bbre-font-size-lg: 18px;

  --bbre-primary: #1d76da;
  --bbre-primary-light: #3c8ce6;
  --bbre-primary-rgb: 29, 118, 218;
  --bbre-primary-hover: #155fb0;

  --bbre-bg-body: #111113;
  --bbre-bg-surface: #18181b;
  --bbre-bg-surface-hover: #242428;
  --bbre-bg-surface-active: rgba(var(--bbre-primary-rgb), 0.14);
  --bbre-bg-elevated: #202024;
  --bbre-bg-soft: #151517;

  --bbre-text-primary: #f4f4f5;
  --bbre-text-secondary: #b4b4bd;
  --bbre-text-muted: #85858f;
  --bbre-text-inverse: #111113;

  --bbre-border-color: #2d2d33;
  --bbre-border-color-strong: #3a3a42;

  --bbre-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.32);
  --bbre-shadow-md: 0 12px 30px rgba(0, 0, 0, 0.28);
  --bbre-shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.38);
  --bbre-shadow-xl: 0 28px 72px rgba(0, 0, 0, 0.52);

  --bbre-panel-width-collapsed: 76px;
  --bbre-panel-width-expanded: 264px;
  --bbre-panel-bg: rgba(20, 20, 23, 0.96);
  --bbre-panel-icon-color: #a1a1aa;
  --bbre-panel-icon-hover-color: #ffffff;
  --bbre-panel-icon-active-bg: rgba(var(--bbre-primary-rgb), 0.16);
  --bbre-panel-icon-active-color: #69aaf0;
  --bbre-panel-tooltip-bg: #2a2a30;
  --bbre-panel-tooltip-color: #ffffff;
  --bbre-panel-border-color: rgba(255, 255, 255, 0.08);

  --bbre-bottom-bar-bg: rgba(20, 20, 23, 0.94);
  --bbre-bottom-bar-height: 68px;
  --bbre-bottom-bar-icon-color: #8f8f99;
  --bbre-bottom-bar-icon-active: #69aaf0;
  --bbre-bottom-bar-label-size: 10px;

  --bbre-badge-bg: #303036;
  --bbre-badge-color: #d7d7de;
  --bbre-badge-border: #46464f;
  --bbre-toast-bg: rgba(28, 28, 32, 0.96);
  --bbre-toast-border: rgba(255, 255, 255, 0.1);

  --bbre-radius-sm: 8px;
  --bbre-radius-md: 12px;
  --bbre-radius-lg: 18px;
  --bbre-radius-xl: 24px;
  --bbre-radius-full: 9999px;

  --bbre-transition-fast: 150ms ease;
  --bbre-transition-normal: 240ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --bbre-transition-slow: 360ms cubic-bezier(0.2, 0.8, 0.2, 1);
}