/* Every built-in theme, one file per family. Link this after app.css
   (assets.ThemesCSSPath) to make all of them selectable — or link a
   single themes/<family>.css to ship just one. Each file defines every
   design token under [data-theme="<family>-light"] and
   [data-theme="<family>-dark"]; the default family lives in base.css.

   Flattened when served, like app.css. Adding a family = its CSS file,
   an import line here, and a theme.Register call. */

/* css/themes/gruvbox.css */
/* Gruvbox — Pavel Pertsev's retro groove palette — github.com/morhetz/gruvbox.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="gruvbox-light"] {
  color-scheme: light;

  --background: #fbf1c7;
  --foreground: #3c3836;
  --card: #f9f5d7;
  --card-foreground: #3c3836;
  --popover: #f9f5d7;
  --popover-foreground: #3c3836;
  --primary: #af3a03;
  --primary-foreground: #fbf1c7;
  --secondary: #ebdbb2;
  --secondary-foreground: #3c3836;
  --muted: #ebdbb2;
  --muted-foreground: #665c54;
  --accent: #ebdbb2;
  --accent-foreground: #3c3836;
  --destructive: #9d0006;
  --destructive-foreground: #fbf1c7;
  --success: #615d0b;
  --success-foreground: #fbf1c7;
  --border: #d5c4a1;
  --input: #d5c4a1;
  --ring: #af3a03;
  --overlay: rgb(40 40 40 / 0.5);
}

[data-theme="gruvbox-dark"] {
  color-scheme: dark;

  --background: #282828;
  --foreground: #ebdbb2;
  --card: #32302f;
  --card-foreground: #ebdbb2;
  --popover: #3c3836;
  --popover-foreground: #ebdbb2;
  --primary: #fe8019;
  --primary-foreground: #282828;
  --secondary: #504945;
  --secondary-foreground: #ebdbb2;
  --muted: #3c3836;
  --muted-foreground: #aea08d;
  --accent: #504945;
  --accent-foreground: #ebdbb2;
  --destructive: #fc9387;
  --destructive-foreground: #282828;
  --success: #b8bb26;
  --success-foreground: #282828;
  --border: #504945;
  --input: #504945;
  --ring: #fe8019;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/dracula.css */
/* Dracula — draculatheme.com; the light variant is Alucard.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="dracula-light"] {
  color-scheme: light;

  --background: #fffbeb;
  --foreground: #1f1f1f;
  --card: #fffdf5;
  --card-foreground: #1f1f1f;
  --popover: #fffdf5;
  --popover-foreground: #1f1f1f;
  --primary: #644ac9;
  --primary-foreground: #fffbeb;
  --secondary: #f3efdc;
  --secondary-foreground: #1f1f1f;
  --muted: #f3efdc;
  --muted-foreground: #6c664b;
  --accent: #ece7d1;
  --accent-foreground: #1f1f1f;
  --destructive: #b13225;
  --destructive-foreground: #fffbeb;
  --success: #14700a;
  --success-foreground: #fffbeb;
  --border: #e6e0c6;
  --input: #e6e0c6;
  --ring: #644ac9;
  --overlay: rgb(31 31 31 / 0.5);
}

[data-theme="dracula-dark"] {
  color-scheme: dark;

  --background: #282a36;
  --foreground: #f8f8f2;
  --card: #2f313f;
  --card-foreground: #f8f8f2;
  --popover: #343746;
  --popover-foreground: #f8f8f2;
  --primary: #bd93f9;
  --primary-foreground: #282a36;
  --secondary: #44475a;
  --secondary-foreground: #f8f8f2;
  --muted: #343746;
  --muted-foreground: #9da5c6;
  --accent: #44475a;
  --accent-foreground: #f8f8f2;
  --destructive: #ff9494;
  --destructive-foreground: #282a36;
  --success: #50fa7b;
  --success-foreground: #282a36;
  --border: #44475a;
  --input: #4d5068;
  --ring: #bd93f9;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/catppuccin.css */
/* Catppuccin — catppuccin.com — Latte and Mocha flavours.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="catppuccin-light"] {
  color-scheme: light;

  --background: #eff1f5;
  --foreground: #4c4f69;
  --card: #f9fafc;
  --card-foreground: #4c4f69;
  --popover: #f9fafc;
  --popover-foreground: #4c4f69;
  --primary: #8839ef;
  --primary-foreground: #eff1f5;
  --secondary: #e6e9ef;
  --secondary-foreground: #4c4f69;
  --muted: #e6e9ef;
  --muted-foreground: #5c5f77;
  --accent: #dce0e8;
  --accent-foreground: #4c4f69;
  --destructive: #b50d31;
  --destructive-foreground: #eff1f5;
  --success: #29661c;
  --success-foreground: #eff1f5;
  --border: #ccd0da;
  --input: #ccd0da;
  --ring: #8839ef;
  --overlay: rgb(76 79 105 / 0.5);
}

[data-theme="catppuccin-dark"] {
  color-scheme: dark;

  --background: #1e1e2e;
  --foreground: #cdd6f4;
  --card: #24243a;
  --card-foreground: #cdd6f4;
  --popover: #313244;
  --popover-foreground: #cdd6f4;
  --primary: #cba6f7;
  --primary-foreground: #1e1e2e;
  --secondary: #45475a;
  --secondary-foreground: #cdd6f4;
  --muted: #313244;
  --muted-foreground: #a6adc8;
  --accent: #45475a;
  --accent-foreground: #cdd6f4;
  --destructive: #f38ba8;
  --destructive-foreground: #1e1e2e;
  --success: #a6e3a1;
  --success-foreground: #1e1e2e;
  --border: #45475a;
  --input: #585b70;
  --ring: #cba6f7;
  --overlay: rgb(17 17 27 / 0.7);
}

/* css/themes/tokyo-night.css */
/* Tokyo Night — Enkia's Tokyo Night — github.com/enkia/tokyo-night-vscode-theme.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="tokyo-night-light"] {
  color-scheme: light;

  --background: #e1e2e7;
  --foreground: #343b58;
  --card: #eaebf0;
  --card-foreground: #343b58;
  --popover: #eaebf0;
  --popover-foreground: #343b58;
  --primary: #2b74d9;
  --primary-foreground: #ffffff;
  --secondary: #d0d5e3;
  --secondary-foreground: #343b58;
  --muted: #d5d9e6;
  --muted-foreground: #4f5d8f;
  --accent: #c4c8da;
  --accent-foreground: #343b58;
  --destructive: #9d1b41;
  --destructive-foreground: #ffffff;
  --success: #43592b;
  --success-foreground: #ffffff;
  --border: #c4c8da;
  --input: #b8bdd0;
  --ring: #2e7de9;
  --overlay: rgb(52 59 88 / 0.5);
}

[data-theme="tokyo-night-dark"] {
  color-scheme: dark;

  --background: #1a1b26;
  --foreground: #c0caf5;
  --card: #1f2335;
  --card-foreground: #c0caf5;
  --popover: #24283b;
  --popover-foreground: #c0caf5;
  --primary: #7aa2f7;
  --primary-foreground: #1a1b26;
  --secondary: #292e42;
  --secondary-foreground: #c0caf5;
  --muted: #24283b;
  --muted-foreground: #9aa5ce;
  --accent: #292e42;
  --accent-foreground: #c0caf5;
  --destructive: #f77a91;
  --destructive-foreground: #1a1b26;
  --success: #9ece6a;
  --success-foreground: #1a1b26;
  --border: #292e42;
  --input: #3b4261;
  --ring: #7aa2f7;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/nord.css */
/* Nord — nordtheme.com — Polar Night and Snow Storm.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="nord-light"] {
  color-scheme: light;

  --background: #eceff4;
  --foreground: #2e3440;
  --card: #f5f7fa;
  --card-foreground: #2e3440;
  --popover: #f5f7fa;
  --popover-foreground: #2e3440;
  --primary: #506e92;
  --primary-foreground: #eceff4;
  --secondary: #e5e9f0;
  --secondary-foreground: #2e3440;
  --muted: #e5e9f0;
  --muted-foreground: #4c566a;
  --accent: #d8dee9;
  --accent-foreground: #2e3440;
  --destructive: #88454b;
  --destructive-foreground: #eceff4;
  --success: #456037;
  --success-foreground: #eceff4;
  --border: #d8dee9;
  --input: #d0d7e2;
  --ring: #5e81ac;
  --overlay: rgb(46 52 64 / 0.5);
}

[data-theme="nord-dark"] {
  color-scheme: dark;

  --background: #2e3440;
  --foreground: #eceff4;
  --card: #3b4252;
  --card-foreground: #eceff4;
  --popover: #3b4252;
  --popover-foreground: #eceff4;
  --primary: #88c0d0;
  --primary-foreground: #2e3440;
  --secondary: #434c5e;
  --secondary-foreground: #eceff4;
  --muted: #3b4252;
  --muted-foreground: #a5afc0;
  --accent: #434c5e;
  --accent-foreground: #eceff4;
  --destructive: #e5bfc2;
  --destructive-foreground: #2e3440;
  --success: #bbcfaa;
  --success-foreground: #2e3440;
  --border: #434c5e;
  --input: #4c566a;
  --ring: #88c0d0;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/solarized.css */
/* Solarized — Ethan Schoonover's Solarized — ethanschoonover.com/solarized.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="solarized-light"] {
  color-scheme: light;

  --background: #fdf6e3;
  --foreground: #073642;
  --card: #fefbf0;
  --card-foreground: #073642;
  --popover: #fefbf0;
  --popover-foreground: #073642;
  --primary: #2076b2;
  --primary-foreground: #fdf6e3;
  --secondary: #eee8d5;
  --secondary-foreground: #073642;
  --muted: #eee8d5;
  --muted-foreground: #566c73;
  --accent: #e9e2cc;
  --accent-foreground: #073642;
  --destructive: #b22826;
  --destructive-foreground: #fdf6e3;
  --success: #566300;
  --success-foreground: #fdf6e3;
  --border: #e0d8c3;
  --input: #e0d8c3;
  --ring: #268bd2;
  --overlay: rgb(7 54 66 / 0.5);
}

[data-theme="solarized-dark"] {
  color-scheme: dark;

  --background: #002b36;
  --foreground: #93a1a1;
  --card: #073642;
  --card-foreground: #93a1a1;
  --popover: #073642;
  --popover-foreground: #93a1a1;
  --primary: #3794d6;
  --primary-foreground: #002b36;
  --secondary: #073642;
  --secondary-foreground: #93a1a1;
  --muted: #073642;
  --muted-foreground: #8c9b9d;
  --accent: #0a4050;
  --accent-foreground: #99a7a7;
  --destructive: #ee9a98;
  --destructive-foreground: #002b36;
  --success: #abb850;
  --success-foreground: #002b36;
  --border: #0e4a5a;
  --input: #0e4a5a;
  --ring: #268bd2;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/one.css */
/* One — Atom's One Dark and One Light.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="one-light"] {
  color-scheme: light;

  --background: #fafafa;
  --foreground: #383a42;
  --card: #ffffff;
  --card-foreground: #383a42;
  --popover: #ffffff;
  --popover-foreground: #383a42;
  --primary: #3c71e3;
  --primary-foreground: #ffffff;
  --secondary: #f0f0f1;
  --secondary-foreground: #383a42;
  --muted: #f0f0f1;
  --muted-foreground: #696c77;
  --accent: #e5e5e6;
  --accent-foreground: #383a42;
  --destructive: #a43e35;
  --destructive-foreground: #ffffff;
  --success: #356a34;
  --success-foreground: #ffffff;
  --border: #e5e5e6;
  --input: #dcdcdd;
  --ring: #4078f2;
  --overlay: rgb(56 58 66 / 0.5);
}

[data-theme="one-dark"] {
  color-scheme: dark;

  --background: #282c34;
  --foreground: #abb2bf;
  --card: #2c313c;
  --card-foreground: #abb2bf;
  --popover: #2c313c;
  --popover-foreground: #abb2bf;
  --primary: #61afef;
  --primary-foreground: #282c34;
  --secondary: #3e4451;
  --secondary-foreground: #abb2bf;
  --muted: #2c313c;
  --muted-foreground: #949cab;
  --accent: #3e4451;
  --accent-foreground: #abb2bf;
  --destructive: #ea9ba1;
  --destructive-foreground: #282c34;
  --success: #98c379;
  --success-foreground: #282c34;
  --border: #3e4451;
  --input: #3e4451;
  --ring: #61afef;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/rose-pine.css */
/* Rosé Pine — rosepinetheme.com — Main and Dawn.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="rose-pine-light"] {
  color-scheme: light;

  --background: #faf4ed;
  --foreground: #575279;
  --card: #fffaf3;
  --card-foreground: #575279;
  --popover: #fffaf3;
  --popover-foreground: #575279;
  --primary: #7a6890;
  --primary-foreground: #faf4ed;
  --secondary: #f2e9e1;
  --secondary-foreground: #575279;
  --muted: #f2e9e1;
  --muted-foreground: #6b6782;
  --accent: #dfdad9;
  --accent-foreground: #575279;
  --destructive: #874a5c;
  --destructive-foreground: #faf4ed;
  --success: #26647c;
  --success-foreground: #faf4ed;
  --border: #dfdad9;
  --input: #cecacd;
  --ring: #907aa9;
  --overlay: rgb(87 82 121 / 0.5);
}

[data-theme="rose-pine-dark"] {
  color-scheme: dark;

  --background: #191724;
  --foreground: #e0def4;
  --card: #1f1d2e;
  --card-foreground: #e0def4;
  --popover: #26233a;
  --popover-foreground: #e0def4;
  --primary: #c4a7e7;
  --primary-foreground: #191724;
  --secondary: #26233a;
  --secondary-foreground: #e0def4;
  --muted: #26233a;
  --muted-foreground: #908caa;
  --accent: #403d52;
  --accent-foreground: #e0def4;
  --destructive: #ec7899;
  --destructive-foreground: #191724;
  --success: #9ccfd8;
  --success-foreground: #191724;
  --border: #403d52;
  --input: #524f67;
  --ring: #c4a7e7;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/everforest.css */
/* Everforest — github.com/sainnhe/everforest (medium contrast).
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="everforest-light"] {
  color-scheme: light;

  --background: #fdf6e3;
  --foreground: #5c6a72;
  --card: #fdf9ea;
  --card-foreground: #5c6a72;
  --popover: #f4f0d9;
  --popover-foreground: #5c6a72;
  --primary: #687701;
  --primary-foreground: #fdf6e3;
  --secondary: #efebd4;
  --secondary-foreground: #5c6a72;
  --muted: #f4f0d9;
  --muted-foreground: #646f63;
  --accent: #e6e2cc;
  --accent-foreground: #58666d;
  --destructive: #a43836;
  --destructive-foreground: #fdf6e3;
  --success: #21694e;
  --success-foreground: #fdf6e3;
  --border: #e0dcc7;
  --input: #d9d5bf;
  --ring: #8da101;
  --overlay: rgb(92 106 114 / 0.5);
}

[data-theme="everforest-dark"] {
  color-scheme: dark;

  --background: #2d353b;
  --foreground: #d3c6aa;
  --card: #343f44;
  --card-foreground: #d3c6aa;
  --popover: #3d484d;
  --popover-foreground: #d3c6aa;
  --primary: #a7c080;
  --primary-foreground: #2d353b;
  --secondary: #3d484d;
  --secondary-foreground: #d3c6aa;
  --muted: #343f44;
  --muted-foreground: #acb7af;
  --accent: #475258;
  --accent-foreground: #d3c6aa;
  --destructive: #f0b2b3;
  --destructive-foreground: #2d353b;
  --success: #9dcda8;
  --success-foreground: #2d353b;
  --border: #475258;
  --input: #4f585e;
  --ring: #a7c080;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/monokai.css */
/* Monokai — Wimer Hazenberg's Monokai; light after Monokai Pro's Light filter.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="monokai-light"] {
  color-scheme: light;

  --background: #faf4f2;
  --foreground: #29242a;
  --card: #fffaf8;
  --card-foreground: #29242a;
  --popover: #fffaf8;
  --popover-foreground: #29242a;
  --primary: #7058be;
  --primary-foreground: #faf4f2;
  --secondary: #efe9e7;
  --secondary-foreground: #29242a;
  --muted: #f1ebe9;
  --muted-foreground: #6b6567;
  --accent: #e9e3e1;
  --accent-foreground: #29242a;
  --destructive: #a43455;
  --destructive-foreground: #faf4f2;
  --success: #196946;
  --success-foreground: #faf4f2;
  --border: #e3dddb;
  --input: #dbd5d3;
  --ring: #7058be;
  --overlay: rgb(41 36 42 / 0.5);
}

[data-theme="monokai-dark"] {
  color-scheme: dark;

  --background: #2d2a2e;
  --foreground: #fcfcfa;
  --card: #363437;
  --card-foreground: #fcfcfa;
  --popover: #403e41;
  --popover-foreground: #fcfcfa;
  --primary: #ffd866;
  --primary-foreground: #2d2a2e;
  --secondary: #403e41;
  --secondary-foreground: #fcfcfa;
  --muted: #363437;
  --muted-foreground: #aca9ab;
  --accent: #403e41;
  --accent-foreground: #fcfcfa;
  --destructive: #ff96b0;
  --destructive-foreground: #2d2a2e;
  --success: #a9dc76;
  --success-foreground: #2d2a2e;
  --border: #403e41;
  --input: #4a474c;
  --ring: #ffd866;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/github.css */
/* GitHub — GitHub Primer — primer.style.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="github-light"] {
  color-scheme: light;

  --background: #ffffff;
  --foreground: #1f2328;
  --card: #ffffff;
  --card-foreground: #1f2328;
  --popover: #ffffff;
  --popover-foreground: #1f2328;
  --primary: #0969da;
  --primary-foreground: #ffffff;
  --secondary: #f6f8fa;
  --secondary-foreground: #1f2328;
  --muted: #f6f8fa;
  --muted-foreground: #59636e;
  --accent: #eef1f5;
  --accent-foreground: #1f2328;
  --destructive: #c0212b;
  --destructive-foreground: #ffffff;
  --success: #177232;
  --success-foreground: #ffffff;
  --border: #d1d9e0;
  --input: #d1d9e0;
  --ring: #0969da;
  --overlay: rgb(31 35 40 / 0.5);
}

[data-theme="github-dark"] {
  color-scheme: dark;

  --background: #0d1117;
  --foreground: #e6edf3;
  --card: #161b22;
  --card-foreground: #e6edf3;
  --popover: #161b22;
  --popover-foreground: #e6edf3;
  --primary: #4493f8;
  --primary-foreground: #0d1117;
  --secondary: #21262d;
  --secondary-foreground: #e6edf3;
  --muted: #161b22;
  --muted-foreground: #8b949e;
  --accent: #21262d;
  --accent-foreground: #e6edf3;
  --destructive: #f96c65;
  --destructive-foreground: #0d1117;
  --success: #3fb950;
  --success-foreground: #0d1117;
  --border: #30363d;
  --input: #30363d;
  --ring: #4493f8;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/kanagawa.css */
/* Kanagawa — github.com/rebelot/kanagawa.nvim — Wave and Lotus.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="kanagawa-light"] {
  color-scheme: light;

  --background: #f2ecbc;
  --foreground: #545464;
  --card: #f9f5dc;
  --card-foreground: #545464;
  --popover: #f9f5dc;
  --popover-foreground: #545464;
  --primary: #4d699b;
  --primary-foreground: #f2ecbc;
  --secondary: #e5ddb0;
  --secondary-foreground: #545464;
  --muted: #eae3b4;
  --muted-foreground: #676558;
  --accent: #dcd5ac;
  --accent-foreground: #545464;
  --destructive: #9a3140;
  --destructive-foreground: #f2ecbc;
  --success: #4b5d35;
  --success-foreground: #f2ecbc;
  --border: #d5cea3;
  --input: #cdc69a;
  --ring: #4d699b;
  --overlay: rgb(84 84 100 / 0.5);
}

[data-theme="kanagawa-dark"] {
  color-scheme: dark;

  --background: #1f1f28;
  --foreground: #dcd7ba;
  --card: #2a2a37;
  --card-foreground: #dcd7ba;
  --popover: #363646;
  --popover-foreground: #dcd7ba;
  --primary: #7e9cd8;
  --primary-foreground: #1f1f28;
  --secondary: #363646;
  --secondary-foreground: #dcd7ba;
  --muted: #2a2a37;
  --muted-foreground: #a39cb6;
  --accent: #363646;
  --accent-foreground: #dcd7ba;
  --destructive: #eb8f9a;
  --destructive-foreground: #1f1f28;
  --success: #98bb6c;
  --success-foreground: #1f1f28;
  --border: #363646;
  --input: #54546d;
  --ring: #7e9cd8;
  --overlay: rgb(0 0 0 / 0.7);
}

/* css/themes/ayu.css */
/* Ayu — github.com/ayu-theme/ayu-colors.
   Both variants define every token the components read; colours that
   would miss WCAG AA where the design system puts text on them were
   nudged toward black or white, so the hue is the theme's and the
   contrast is ours. Regenerate with the same rule if you change one. */

[data-theme="ayu-light"] {
  color-scheme: light;

  --background: #fcfcfc;
  --foreground: #5c6166;
  --card: #ffffff;
  --card-foreground: #5c6166;
  --popover: #ffffff;
  --popover-foreground: #5c6166;
  --primary: #ffaa33;
  --primary-foreground: #1f2328;
  --secondary: #f3f4f5;
  --secondary-foreground: #5c6166;
  --muted: #f3f4f5;
  --muted-foreground: #6c7075;
  --accent: #eceeef;
  --accent-foreground: #5c6166;
  --destructive: #aa3b3b;
  --destructive-foreground: #ffffff;
  --success: #4f6a00;
  --success-foreground: #ffffff;
  --border: #e2e4e6;
  --input: #d9dcdf;
  --ring: #f2ae49;
  --overlay: rgb(92 97 102 / 0.5);
}

[data-theme="ayu-dark"] {
  color-scheme: dark;

  --background: #0b0e14;
  --foreground: #bfbdb6;
  --card: #131721;
  --card-foreground: #bfbdb6;
  --popover: #131721;
  --popover-foreground: #bfbdb6;
  --primary: #e6b450;
  --primary-foreground: #0b0e14;
  --secondary: #1b2029;
  --secondary-foreground: #bfbdb6;
  --muted: #131721;
  --muted-foreground: #8f969e;
  --accent: #1b2029;
  --accent-foreground: #bfbdb6;
  --destructive: #f07178;
  --destructive-foreground: #0b0e14;
  --success: #aad94c;
  --success-foreground: #0b0e14;
  --border: #1b2029;
  --input: #2a303a;
  --ring: #e6b450;
  --overlay: rgb(0 0 0 / 0.7);
}