/* KloudKIT design tokens, shared by the landing page and every docs site. */

:root {
  /* Catppuccin Frappé */
  --crust: #232634;
  --mantle: #292c3c;
  --base: #303446;
  --surface0: #414559;
  --surface1: #51576d;
  --surface2: #626880;
  --overlay0: #737994;
  --overlay1: #838ba7;
  --overlay2: #949cbb;
  --subtext0: #a5adce;
  --subtext1: #b5bfe2;
  --text: #c6d0f5;

  --rosewater: #f2d5cf;
  --flamingo: #eebebe;
  --pink: #f4b8e4;
  --mauve: #ca9ee6;
  --red: #e78284;
  --maroon: #ea999c;
  --peach: #ef9f76;
  --yellow: #e5c890;
  --green: #a6d189;
  --teal: #81c8be;
  --sky: #99d1db;
  --sapphire: #85c1dc;
  --blue: #8caaee;
  --lavender: #babbf1;

  /* KloudKIT brand */
  --brand-white: #fff;
  --brand-mint: #9cebcd;

  --font-brand: "Nunito Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-comment: "Victor Mono", var(--font-mono);
}