/**
 * @file theme.css
 * shadcn/ui-compatible theme variables for Byte Theme.
 *
 * You can customize these values without rebuilding the compiled CSS.
 * Tools like https://tweakcn.com can help generate these values.
 */

:root {
  --background: oklch(0.9848 0 0);
  --foreground: oklch(0.2674 0.009 248.1657);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.2674 0.009 248.1657);
  --primary: oklch(0.3657 0.0208 248.3964);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.8827 0.0067 247.901);
  --secondary-foreground: oklch(0.3657 0.0208 248.3964);
  --muted: oklch(0.9613 0.0022 247.8448);
  --muted-foreground: oklch(0.5517 0.0113 248.0331);
  --accent: oklch(0.775 0.1634 67.5338);
  --accent-foreground: oklch(0.2664 0.0135 248.3348);
  --destructive: oklch(0.6356 0.2082 25.3782);
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.8428 0.009 247.9335);
  --input: oklch(0.9064 0.0053 247.883);
  --font-sans: Inter, system-ui, sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: JetBrains Mono, monospace;
  --radius: 0.25rem;
  --shadow-x: 0px;
  --shadow-y: 4px;
  --shadow-blur: 12px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.08;
  --shadow-color: hsl(210, 10%, 15%);
  --shadow-2xs: 0px 4px 12px 0px hsl(210 10% 15% / 0.04);
  --shadow-xs: 0px 4px 12px 0px hsl(210 10% 15% / 0.04);
  --shadow-sm: 0px 4px 12px 0px hsl(210 10% 15% / 0.08), 0px 1px 2px -1px hsl(210 10% 15% / 0.08);
  --shadow: 0px 4px 12px 0px hsl(210 10% 15% / 0.08), 0px 1px 2px -1px hsl(210 10% 15% / 0.08);
  --shadow-md: 0px 4px 12px 0px hsl(210 10% 15% / 0.08), 0px 2px 4px -1px hsl(210 10% 15% / 0.08);
  --shadow-lg: 0px 4px 12px 0px hsl(210 10% 15% / 0.08), 0px 4px 6px -1px hsl(210 10% 15% / 0.08);
  --shadow-xl: 0px 4px 12px 0px hsl(210 10% 15% / 0.08), 0px 8px 10px -1px hsl(210 10% 15% / 0.08);
  --shadow-2xl: 0px 4px 12px 0px hsl(210 10% 15% / 0.2);

  /* Set navbar height for hero billboard overlay */
  --navbar-height: calc(var(--spacing) * 15);

  @media (min-width: 768px) {
    --navbar-height: calc(var(--spacing) * 18);
  }
}