/* Color-only theme. Original layout, type, spacing, borders and radii stay intact. */
:root {
  --color-background: #fffefa;
  --color-foreground: #20211e;
  --color-card: #ffffff;
  --color-card-foreground: #20211e;
  --color-canvas: #f5f3ed;
  --color-surface: #f5f3ed;
  --color-muted: #f5f3ed;
  --color-muted-foreground: #686a62;
  --color-border: #e5e3da;
  --color-primary: #f3d66b;
  --color-primary-foreground: #20211e;
  --color-primary-strong: #80671b;
  --color-primary-tint: #fff5cf;
  --color-primary-tint-ring: #e5d79f;
  --color-mist-50: #fffefa;
  --color-mist-100: #f5f3ed;
  --color-mist-200: #e5e3da;
  --color-mist-300: #d7d5cb;
  --color-mist-400: #8c8e84;
  --color-mist-500: #686a62;
  --color-mist-600: #57594f;
  --color-mist-700: #44463e;
  --color-mist-800: #30322b;
  --color-mist-900: #20211e;
  --color-mist-950: #161713;
  --color-ui-ink: #20211e;
  --color-ui-title: #20211e;
  --color-ui-secondary: #686a62;
  --color-ui-meta: #686a62;
  --color-ui-icon: #8c8e84;
  --color-ui-hairline: #e5e3da;
  --color-ui-rowline: #eeece4;
}
::selection { background-color: #f3d66b; color: #20211e; }
a.bg-primary, button.bg-primary, .bg-primary.text-white { color: #20211e; }
a.bg-primary:hover, button.bg-primary:hover { background-color: #e9c953; }
header a.bg-foreground { background-color: #f3d66b; color: #20211e; }
header a.bg-foreground:hover { background-color: #e9c953; }
[class~="bg-[#F3F3F3]"] { background-color: #f5f3ed; }
.replica-nav>a, .replica-nav button { color: #44463e; }
.replica-dropdown, .replica-mobile { border-color: #e5e3da; }
.replica-dropdown a:hover { background-color: #f5f3ed; }
.replica-dropdown span { color: #686a62; }
html .billcake-widget {
  --bg: #fffefa;
  --ink: #20211e;
  --muted: #686a62;
  --line: #e5e3da;
  --panel: #f5f3ed;
  --yellow: #f3d66b;
  --cream: #fff5cf;
}
html .billcake-widget .primary { color: #20211e; }
html .billcake-widget .primary:hover { background-color: #e9c953; }
html .billcake-widget .demo-shell { background-color: #f5f3ed; }
html .billcake-widget .demo-sidebar { background-color: transparent; }
html .billcake-widget .workflow-list .current .step-marker { color: #20211e; }
html .billcake-widget .avatar { background-color: #eae8df; color: #686a62; }
html .billcake-widget .neutral { background-color: #f5f3ed; color: #686a62; }
html .billcake-widget .price-card.recommended { border-color: #d1b95d; background-color: #fffdf3; }
html .billcake-widget .approval-check input { accent-color: #9d8023; }
html .billcake-widget input, html .billcake-widget textarea { caret-color: #80671b; }
html .billcake-widget :focus-visible { outline-color: #80671b; }