/* Boditrax website - Theme colours
 * Brand palette and semantic colour tokens (light) plus the .dark overrides. Edit colours here.
 * Generated from the original compiled stylesheet; rule order is significant. */
:root {
  --radius: 0.5rem;
  --ink: #160e20;
  --ink-foreground: oklch(0.97 0.004 90);
  --graphite: #251a33;
  --graphite-foreground: oklch(0.96 0.004 90);
  --surface: oklch(0.975 0 0);
  --surface-foreground: oklch(0.2 0.006 264);
  --hairline: oklch(0.9 0 0);
  --hairline-dark: oklch(1 0 0 / 12%);
  --brand-yellow: #fec307;
  --brand-yellow-foreground: #241a02;
  --brand-plum: #341a4a;
  --brand-plum-foreground: #f5f1fa;
  --brand-green: #15b54e;
  --brand-navblue: #adbef8;
  --brand-blue: #6d8ae8;
  --brand-red: #db2518;
  --brand-turquoise: #1fb3b8;
  --brand-coral: #f4623c;
  /* Product pages and home page product cards (css/components/product-explorer.css) */
  --stone: oklch(0.965 0.008 75);
  --stone-deep: oklch(0.92 0.014 72);
  --studio: #161617;
  --background: oklch(0.995 0 0);
  --foreground: oklch(0.18 0.006 264);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.18 0.006 264);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.18 0.006 264);
  --primary: oklch(0.17 0.006 264);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.96 0 0);
  --secondary-foreground: oklch(0.22 0.006 264);
  --muted: oklch(0.965 0 0);
  --muted-foreground: oklch(0.5 0.012 264);
  --accent: oklch(0.94 0 0);
  --accent-foreground: oklch(0.22 0.006 264);
  --destructive: oklch(0.55 0.2 27);
  --destructive-foreground: oklch(0.99 0 0);
  --border: oklch(0.88 0 0);
  --input: oklch(0.85 0 0);
  --ring: oklch(0.55 0.03 264);
  --chart-1: var(--brand-yellow);
  --chart-2: var(--brand-plum);
  --chart-3: var(--brand-green);
  --chart-4: var(--brand-navblue);
  --chart-5: var(--brand-red);
  --sidebar: oklch(0.975 0.006 90);
  --sidebar-foreground: oklch(0.2 0.006 264);
  --sidebar-primary: oklch(0.17 0.006 264);
  --sidebar-primary-foreground: oklch(0.98 0.004 90);
  --sidebar-accent: oklch(0.93 0.02 96);
  --sidebar-accent-foreground: oklch(0.22 0.01 96);
  --sidebar-border: oklch(0.9 0.006 264);
  --sidebar-ring: oklch(0.55 0.03 264);
  --shadow-quiet: 0 1px 2px oklch(0.17 0.006 264 / 6%), 0 8px 24px -16px oklch(0.17 0.006 264 / 22%);
  --shadow-lift: 0 2px 4px oklch(0.17 0.006 264 / 6%), 0 24px 48px -24px oklch(0.17 0.006 264 / 30%);
  --ease-calm: cubic-bezier(0.22, 1, 0.36, 1);
}
.dark {
  --background: oklch(0.17 0.006 264);
  --foreground: oklch(0.97 0.004 90);
  --card: oklch(0.22 0.007 264);
  --card-foreground: oklch(0.97 0.004 90);
  --popover: oklch(0.22 0.007 264);
  --popover-foreground: oklch(0.97 0.004 90);
  --primary: oklch(0.97 0.004 90);
  --primary-foreground: oklch(0.17 0.006 264);
  --secondary: oklch(0.26 0.008 264);
  --secondary-foreground: oklch(0.97 0.004 90);
  --muted: oklch(0.26 0.008 264);
  --muted-foreground: oklch(0.72 0.01 264);
  --accent: oklch(0.3 0.03 96);
  --accent-foreground: oklch(0.95 0.05 96);
  --border: oklch(1 0 0 / 12%);
  --input: oklch(1 0 0 / 16%);
  --ring: oklch(0.6 0.03 264);
  --surface: oklch(0.22 0.007 264);
  --surface-foreground: oklch(0.96 0.004 90);
}