/* Default moo palette, shared by source builds and the preview gateway. */
html:root {
  --background: #f6f5f1;
  --foreground: #2e302d;
  --card: #fffefa;
  --card-foreground: #2e302d;
  --popover: #fffefa;
  --popover-foreground: #2e302d;
  --primary: #946208;
  --primary-foreground: #fffefa;
  --secondary: #f7f6f2;
  --secondary-foreground: #946208;
  --muted: #f7f6f2;
  --muted-foreground: #6c6a62;
  --accent: #fff5dc;
  --accent-foreground: #946208;
  --border: #e5e1d8;
  --input: #e5e1d8;
  --ring: #946208;
  --chart-1: #946208;
  --overview-accent-1: #946208;
  --overview-accent-2: #b38942;
  --overview-accent-3: #d7b679;
  --sidebar: #fffefa;
  --sidebar-foreground: #2e302d;
  --sidebar-primary: #946208;
  --sidebar-primary-foreground: #fffefa;
  --sidebar-accent: #fff5dc;
  --sidebar-accent-foreground: #946208;
  --sidebar-border: #e5e1d8;
  --sidebar-ring: #946208;
  --skeleton-base: #eeece5;
  --skeleton-highlight: #f7f6f2;
}

html:root.dark {
  --background: #17191d;
  --foreground: #edf0f4;
  --card: #20242b;
  --card-foreground: #edf0f4;
  --popover: #272d36;
  --popover-foreground: #edf0f4;
  --primary: #e1bb74;
  --primary-foreground: #251d11;
  --secondary: #272e37;
  --secondary-foreground: #edf0f4;
  --muted: #272e37;
  --muted-foreground: #b4bdc8;
  --accent: #393225;
  --accent-foreground: #e1bb74;
  --border: #3d4550;
  --input: #3d4550;
  --ring: #e1bb74;
  --chart-1: #e1bb74;
  --overview-accent-1: #e1bb74;
  --overview-accent-2: #cda65f;
  --overview-accent-3: #eacb96;
  --sidebar: #20242b;
  --sidebar-foreground: #edf0f4;
  --sidebar-primary: #e1bb74;
  --sidebar-primary-foreground: #251d11;
  --sidebar-accent: #393225;
  --sidebar-accent-foreground: #e1bb74;
  --sidebar-border: #3d4550;
  --sidebar-ring: #e1bb74;
  --skeleton-base: #272e37;
  --skeleton-highlight: #3d4550;
}

/* Other theme presets continue to provide their own body-level tokens. */
body:not([data-theme-preset]) {
  accent-color: var(--primary);
  caret-color: var(--primary);
  scrollbar-color: var(--muted-foreground) var(--background);
}

body:not([data-theme-preset]) ::selection {
  background: var(--accent);
  color: var(--accent-foreground);
}

/* The bundled landing page also contains fixed blue brand decorations. */
body:not([data-theme-preset])
  .landing-animate-fade-up[class*='border-blue-500'] {
  border-color: color-mix(in srgb, var(--primary) 30%, var(--border));
  background: var(--accent);
  color: var(--primary);
}

body:not([data-theme-preset])
  .landing-animate-fade-up[class*='border-blue-500']
  [class*='bg-blue-'] {
  background: var(--primary);
}

body:not([data-theme-preset])
  section
  :is(h1, h2)
  .bg-clip-text[class*='from-blue-400'] {
  background-image: none;
  color: var(--primary);
}

body:not([data-theme-preset])
  section
  > div[class*='-z-10'][style*='radial-gradient'] {
  /* This background is an inline style in the prebuilt upstream image. */
  background: radial-gradient(
    ellipse at 25% 15%,
    color-mix(in srgb, var(--primary) 28%, transparent),
    transparent 70%
  ) !important;
}