/* Copied unchanged from Pfcloud-Proxmox/frontend/src/tokens.css (panel, shop). Change colours there and copy again. */
/*
 * Pfcloud colour tokens, the single source of truth for the panel (style.css) and the WHMCS
 * theme (whmcs/theme/src/theme.css): change a colour here and both follow.
 *
 * Pfcloud theme on shadcn-vue tokens. Dark is the default (set on <html> before the app
 * mounts, see theme.ts); light is the alternative. Accent is the teal of the Pfcloud logo; success stays green.
 */
:root {
  --radius: 0.625rem;
  --background: oklch(0.985 0.002 165);
  --foreground: oklch(0.18 0.012 250);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.012 250);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.18 0.012 250);
  --primary: oklch(0.6 0.11 205);
  --primary-foreground: oklch(0.99 0.01 205);
  --secondary: oklch(0.955 0.004 250);
  --secondary-foreground: oklch(0.22 0.012 250);
  --muted: oklch(0.955 0.004 250);
  --muted-foreground: oklch(0.5 0.015 250);
  --accent: oklch(0.95 0.025 200);
  --accent-foreground: oklch(0.32 0.06 205);
  --destructive: oklch(0.58 0.22 27);
  --destructive-foreground: oklch(0.99 0 0);
  --success: oklch(0.6 0.15 158);
  --warning: oklch(0.72 0.16 70);
  --info: oklch(0.62 0.15 245);
  --border: oklch(0.915 0.005 250);
  --input: oklch(0.89 0.006 250);
  --ring: oklch(0.6 0.11 205);
  --chart-1: oklch(0.6 0.11 205);
  --chart-2: oklch(0.62 0.15 245);
  --chart-3: oklch(0.72 0.16 70);
  --chart-4: oklch(0.6 0.2 300);
  --chart-5: oklch(0.65 0.2 25);
  --sidebar: oklch(0.975 0.003 250);
  --sidebar-foreground: oklch(0.25 0.012 250);
  --sidebar-primary: oklch(0.6 0.11 205);
  --sidebar-primary-foreground: oklch(0.99 0.01 205);
  --sidebar-accent: oklch(0.94 0.006 250);
  --sidebar-accent-foreground: oklch(0.2 0.012 250);
  --sidebar-border: oklch(0.915 0.005 250);
  --sidebar-ring: oklch(0.6 0.11 205);
}

.dark {
  --background: oklch(0.16 0.012 255);
  --foreground: oklch(0.95 0.005 250);
  --card: oklch(0.195 0.013 255);
  --card-foreground: oklch(0.95 0.005 250);
  --popover: oklch(0.21 0.014 255);
  --popover-foreground: oklch(0.95 0.005 250);
  --primary: oklch(0.77 0.13 192);
  --primary-foreground: oklch(0.2 0.04 205);
  --secondary: oklch(0.255 0.014 255);
  --secondary-foreground: oklch(0.95 0.005 250);
  --muted: oklch(0.24 0.013 255);
  --muted-foreground: oklch(0.68 0.015 255);
  --accent: oklch(0.26 0.016 255);
  --accent-foreground: oklch(0.97 0.005 250);
  --destructive: oklch(0.64 0.21 25);
  --destructive-foreground: oklch(0.98 0 0);
  --success: oklch(0.74 0.17 158);
  --warning: oklch(0.8 0.15 75);
  --info: oklch(0.72 0.13 245);
  --border: oklch(1 0 0 / 8%);
  --input: oklch(1 0 0 / 12%);
  --ring: oklch(0.77 0.13 192);
  --chart-1: oklch(0.77 0.13 192);
  --chart-2: oklch(0.72 0.13 245);
  --chart-3: oklch(0.8 0.15 75);
  --chart-4: oklch(0.7 0.18 300);
  --chart-5: oklch(0.68 0.2 25);
  --sidebar: oklch(0.175 0.013 255);
  --sidebar-foreground: oklch(0.88 0.008 250);
  --sidebar-primary: oklch(0.77 0.13 192);
  --sidebar-primary-foreground: oklch(0.2 0.04 205);
  --sidebar-accent: oklch(0.245 0.015 255);
  --sidebar-accent-foreground: oklch(0.97 0.005 250);
  --sidebar-border: oklch(1 0 0 / 7%);
  --sidebar-ring: oklch(0.77 0.13 192);
}

/* Copied unchanged from Pfcloud-Proxmox/whmcs/theme/src/dark-soft.css: the public sites use the softer dark of the shop. */
/* The WHMCS site's and admin area's dark mode: a softer, bluer dark than the panel's (the panel is a
   work tool in dimmed rooms, the shop is read in any light): neutrals lifted, contrast eased, hue
   kept. Used by theme.css (website) and admin.css (admin area). */
html.dark {
  --background: oklch(0.225 0.022 258);
  --foreground: oklch(0.93 0.008 250);
  --card: oklch(0.258 0.024 258);
  --card-foreground: oklch(0.93 0.008 250);
  --popover: oklch(0.275 0.025 258);
  --popover-foreground: oklch(0.93 0.008 250);
  --secondary: oklch(0.305 0.026 258);
  --secondary-foreground: oklch(0.93 0.008 250);
  --muted: oklch(0.295 0.025 258);
  --muted-foreground: oklch(0.75 0.02 255);
  --accent: oklch(0.315 0.028 258);
  --accent-foreground: oklch(0.96 0.006 250);
  --border: oklch(0.85 0.03 255 / 11%);
  --input: oklch(0.85 0.03 255 / 16%);
  --sidebar: oklch(0.24 0.023 258);
  --sidebar-accent: oklch(0.3 0.026 258);
  --sidebar-border: oklch(0.85 0.03 255 / 10%);
}