/* ===========================================
   BORIDESK THEME VARIABLES
   Single fixed navy / orange / off-white palette
   =========================================== */

:root {
  --bg-primary: #F8FAFC;
  --bg-secondary: #EEF2F6;
  --bg-tertiary: #E2E8F0;
  --bg-card: #FFFFFF;
  --bg-card-hover: #F1F5F9;
  --border: rgba(10, 25, 47, 0.08);
  --border-strong: rgba(10, 25, 47, 0.16);
  --text-primary: #0A192F;
  --text-secondary: #4a5578;
  --text-muted: #7b84a3;

  /* === Navy (headers, footers, headings, outline buttons) === */
  --navy: #0A192F;
  --on-navy: #F8FAFC;
  --on-navy-muted: rgba(248, 250, 252, 0.72);

  /* === Orange (accent — CTAs, badges, icons, hovers, glows) === */
  --accent: #F97316;
  --accent-light: #FB8B3D;
  --accent-dark: #C2570A;
  --accent-glow: rgba(249, 115, 22, 0.12);

  /* === Semantic Colors (ticket statuses — not brand) === */
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
  --info: #2563eb;

  /* === Spacing & Radius === */
  --radius: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;

  /* === Shadows === */
  --shadow-sm: 0 1px 2px rgba(10, 25, 47, 0.06);
  --shadow: 0 4px 24px rgba(10, 25, 47, 0.08);
  --shadow-lg: 0 8px 40px rgba(10, 25, 47, 0.12);
  --shadow-glow: 0 0 40px rgba(249, 115, 22, 0.1);

  /* === Navigation & Menus (solid navy bars) === */
  --nav-bg: #0A192F;
  --menu-bg: #0A192F;

  /* === Frost/Glass-morph Effects (navy-tinted, over light surfaces) === */
  --frost-1: rgba(10, 25, 47, 0.02);
  --frost-2: rgba(10, 25, 47, 0.03);
  --frost-3: rgba(10, 25, 47, 0.045);
  --frost-4: rgba(10, 25, 47, 0.06);
  --grid-line: rgba(10, 25, 47, 0.035);

  /* === Client Brand Colours (ticket avatar gradients — not brand) === */
  --client-a: #34d399;
  --client-b: #a78bfa;
  --client-c: #60a5fa;
  --client-d: #fbbf24;
}