/* Business Partners Ltd — BlazorBlueprint Theme
 * Derived from the BP Corporate Identity Manual 2024.
 * See src/Web/.docs/StyleGuide.md for full specification.
 *
 * shadcn/ui CSS variable mapping:
 *   --primary         → BP Orange #FF9E18  (CTAs, buttons, key interactive elements)
 *   --foreground      → BP Blue  #1C355E  (dark text on light backgrounds)
 *   --muted           → Light Blue-grey #DCE3EB
 *   --muted-foreground→ Dark Dusty Blue  #33647E
 */

:root {
  --background: #FFFFFF;
  --foreground: #1C355E;

  --card: #FFFFFF;
  --card-foreground: #1C355E;

  --popover: #FFFFFF;
  --popover-foreground: #1C355E;

  /* BP Orange drives all primary CTAs and interactive highlights */
  --primary: #FF9E18;
  --primary-foreground: #FFFFFF;

  /* Light Blue-grey for secondary surfaces */
  --secondary: #DCE3EB;
  --secondary-foreground: #1C355E;

  /* Subtle backgrounds and inactive states */
  --muted: #DCE3EB;
  --muted-foreground: #33647E;

  /* Hover / accent state backgrounds */
  --accent: #DCE3EB;
  --accent-foreground: #1C355E;

  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: #FFFFFF;

  --border: #DCE3EB;
  --input: #DCE3EB;
  --ring: #FF9E18;

  /* Sharp corners — brand mandates no pill shapes */
  --radius: 0.375rem;

  /* Chart colours (BP blues/teals) */
  --chart-1: #6191B4;
  --chart-2: #33647E;
  --chart-3: #1C355E;
  --chart-4: #249E6C;
  --chart-5: #00857D;

  /* Sidebar — BP Blue dark surface */
  --sidebar-background: #1C355E;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #FF9E18;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #33647E;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #33647E;
  --sidebar-ring: #FF9E18;

  /* Alert colours */
  --alert-success: oklch(0.55 0.20 142);
  --alert-success-foreground: oklch(0.30 0.09 142);
  --alert-success-bg: oklch(0.993 0.003 142);
  --alert-info: #33647E;
  --alert-info-foreground: #FFFFFF;
  --alert-info-bg: #DCE3EB;
  --alert-warning: #FF9E18;
  --alert-warning-foreground: #1C355E;
  --alert-warning-bg: #F1E4B2;
  --alert-danger: oklch(0.55 0.22 27);
  --alert-danger-foreground: oklch(0.30 0.12 27);
  --alert-danger-bg: oklch(0.993 0.003 27);
}

.dark {
  /* Dark mode: Navy surface, white text, orange accent remains */
  --background: #00263A;
  --foreground: #FFFFFF;

  --card: #1C355E;
  --card-foreground: #FFFFFF;

  --popover: #1C355E;
  --popover-foreground: #FFFFFF;

  --primary: #FF9E18;
  --primary-foreground: #FFFFFF;

  --secondary: #33647E;
  --secondary-foreground: #FFFFFF;

  --muted: #33647E;
  --muted-foreground: #DCE3EB;

  --accent: #33647E;
  --accent-foreground: #FFFFFF;

  --destructive: oklch(0.396 0.141 25.723);
  --destructive-foreground: #FFFFFF;

  --border: #33647E;
  --input: #33647E;
  --ring: #FF9E18;

  --chart-1: #FF9E18;
  --chart-2: #6191B4;
  --chart-3: #DCE3EB;
  --chart-4: #249E6C;
  --chart-5: #00857D;

  --sidebar-background: #00263A;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #FF9E18;
  --sidebar-primary-foreground: #FFFFFF;
  --sidebar-accent: #1C355E;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #1C355E;
  --sidebar-ring: #FF9E18;

  --alert-success: oklch(0.60 0.18 142);
  --alert-success-foreground: oklch(0.90 0.06 142);
  --alert-success-bg: oklch(0.18 0.008 142);
  --alert-info: #6191B4;
  --alert-info-foreground: #FFFFFF;
  --alert-info-bg: #33647E;
  --alert-warning: #FF9E18;
  --alert-warning-foreground: #00263A;
  --alert-warning-bg: #1C355E;
  --alert-danger: oklch(0.55 0.20 27);
  --alert-danger-foreground: oklch(0.90 0.06 27);
  --alert-danger-bg: oklch(0.18 0.008 27);
}