@plugin "tailwind-scrollbar-hide";

@custom-variant dark (&:is(.dark *));

@theme inline {
  --font-heading:
    'var(--font-heading)', 'ui-sans-serif', '-apple-system', 'BlinkMacSystemFont',
    'Segoe UI Variable Display', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial',
    'sans-serif', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --font-mono:
    'var(--font-mono)', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
    'Courier New', monospace;
  --font-sans:
    'var(--font-sans)', 'ui-sans-serif', '-apple-system', 'BlinkMacSystemFont',
    'Segoe UI Variable Display', 'Segoe UI', 'Helvetica', 'Apple Color Emoji', 'Arial',
    'sans-serif', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --color-highlight: var(--highlight);
  --color-brand: var(--brand);
}

:root {
  --brand: oklch(0.623 0.214 259.815);
  --highlight: oklch(0.852 0.199 91.936);
}

.dark {
  --brand: oklch(0.707 0.165 254.624);
  --highlight: oklch(0.852 0.199 91.936);
}

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}