@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../vendor/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --background: oklch(1 0 0);
  --foreground: oklch(0.208 0.042 265.755);

  --card: oklch(1 0 0);
  --card-foreground: oklch(0.208 0.042 265.755);

  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.208 0.042 265.755);

  --primary: oklch(0.5 0.134 242.749);
  --primary-foreground: oklch(0.985 0.006 236.62);

  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);

  --muted: oklch(0.984 0.003 247.858);
  --muted-foreground: oklch(0.554 0.046 257.417);

  --accent: oklch(0.977 0.013 236.62);
  --accent-foreground: oklch(0.5 0.134 242.749);

  --destructive: oklch(0.577 0.245 27.325);

  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.685 0.169 237.323);

  --radius: 0.65rem;

  --positive: oklch(0.596 0.145 163.225);
  --positive-foreground: oklch(0.982 0.018 155.826);
  --warning: oklch(0.666 0.179 58.318);
  --grid-line: oklch(0.929 0.013 255.508);

  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-heading: var(--font-sans);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
               "Liberation Mono", monospace;
}