/* Customer-facing brand layer for the stock New API interface. */
html:not(.dark),
html:not(.dark)[data-theme-preset] {
  --radius: 0.5rem !important;
  --background: oklch(0.985 0.004 165) !important;
  --foreground: oklch(0.19 0.012 165) !important;
  --card: oklch(1 0 0) !important;
  --card-foreground: oklch(0.19 0.012 165) !important;
  --popover: oklch(1 0 0) !important;
  --popover-foreground: oklch(0.19 0.012 165) !important;
  --primary: oklch(0.49 0.105 174) !important;
  --primary-foreground: oklch(0.99 0 0) !important;
  --secondary: oklch(0.945 0.012 165) !important;
  --secondary-foreground: oklch(0.28 0.035 170) !important;
  --muted: oklch(0.955 0.006 165) !important;
  --muted-foreground: oklch(0.49 0.014 165) !important;
  --accent: oklch(0.93 0.027 174) !important;
  --accent-foreground: oklch(0.3 0.065 174) !important;
  --border: oklch(0.9 0.009 165) !important;
  --input: oklch(0.9 0.009 165) !important;
  --ring: oklch(0.52 0.105 174) !important;
  --sidebar: oklch(0.975 0.006 165) !important;
  --sidebar-foreground: oklch(0.19 0.012 165) !important;
  --sidebar-primary: oklch(0.49 0.105 174) !important;
  --sidebar-primary-foreground: oklch(0.99 0 0) !important;
  --sidebar-accent: oklch(0.93 0.027 174) !important;
  --sidebar-accent-foreground: oklch(0.3 0.065 174) !important;
  --sidebar-border: oklch(0.9 0.009 165) !important;
  --sidebar-ring: oklch(0.52 0.105 174) !important;
  --overview-accent-1: oklch(0.55 0.105 174) !important;
  --overview-accent-2: oklch(0.68 0.09 90) !important;
  --overview-accent-3: oklch(0.48 0.025 250) !important;
}

html.dark,
html.dark[data-theme-preset] {
  --radius: 0.5rem !important;
  --background: oklch(0.19 0.008 165) !important;
  --foreground: oklch(0.96 0.004 165) !important;
  --card: oklch(0.235 0.01 165) !important;
  --card-foreground: oklch(0.96 0.004 165) !important;
  --popover: oklch(0.255 0.012 165) !important;
  --popover-foreground: oklch(0.96 0.004 165) !important;
  --primary: oklch(0.72 0.105 174) !important;
  --primary-foreground: oklch(0.16 0.03 174) !important;
  --secondary: oklch(0.29 0.012 165) !important;
  --secondary-foreground: oklch(0.92 0.012 165) !important;
  --muted: oklch(0.27 0.009 165) !important;
  --muted-foreground: oklch(0.74 0.014 165) !important;
  --accent: oklch(0.31 0.038 174) !important;
  --accent-foreground: oklch(0.92 0.02 174) !important;
  --border: oklch(1 0 0 / 11%) !important;
  --input: oklch(1 0 0 / 16%) !important;
  --ring: oklch(0.72 0.105 174) !important;
  --sidebar: oklch(0.175 0.008 165) !important;
  --sidebar-foreground: oklch(0.95 0.004 165) !important;
  --sidebar-primary: oklch(0.72 0.105 174) !important;
  --sidebar-primary-foreground: oklch(0.16 0.03 174) !important;
  --sidebar-accent: oklch(0.31 0.038 174) !important;
  --sidebar-accent-foreground: oklch(0.92 0.02 174) !important;
  --sidebar-border: oklch(1 0 0 / 11%) !important;
  --sidebar-ring: oklch(0.72 0.105 174) !important;
  --overview-accent-1: oklch(0.69 0.105 174) !important;
  --overview-accent-2: oklch(0.72 0.085 90) !important;
  --overview-accent-3: oklch(0.7 0.025 250) !important;
}

body {
  letter-spacing: 0 !important;
}

header {
  border-color: color-mix(in oklch, var(--border) 85%, transparent) !important;
  background: color-mix(in oklch, var(--background) 94%, transparent) !important;
  backdrop-filter: blur(14px) saturate(120%);
}

header img[alt] {
  border-radius: 6px !important;
  object-fit: contain !important;
}

html.dark img[src*='icon-transparent.png'] {
  filter: invert(1);
}

button,
a,
input,
textarea,
[role='button'] {
  letter-spacing: 0 !important;
}

main [data-slot='card'],
[data-slot='dialog-content'],
[data-slot='sheet-content'],
[data-slot='popover-content'] {
  box-shadow: 0 10px 34px color-mix(in oklch, var(--foreground) 7%, transparent);
}

::selection {
  background: color-mix(in oklch, var(--primary) 28%, transparent);
}