/*
Theme Name: Gummybug V2
Description: A WordPress theme for Gummybug Studio
Version: 2.0
Author: Gummybug Studio
Text Domain: gummybug
*/

@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap");

:root {
  --radius: 0.875rem;

  --background: oklch(0.13 0.005 260);
  --foreground: oklch(0.97 0.005 260);
  --surface: oklch(0.17 0.008 260);
  --surface-elevated: oklch(0.21 0.01 260);

  --card: var(--surface);
  --card-foreground: var(--foreground);
  --popover: var(--surface-elevated);
  --popover-foreground: var(--foreground);

  --mint: oklch(0.88 0.18 165);
  --violet: oklch(0.62 0.27 305);

  --primary: var(--mint);
  --primary-foreground: oklch(0.13 0.005 260);
  --secondary: var(--violet);
  --secondary-foreground: oklch(0.97 0.005 260);

  --muted: oklch(0.22 0.008 260);
  --muted-foreground: oklch(0.72 0.01 260);
  --accent: var(--violet);
  --accent-foreground: oklch(0.97 0.005 260);
  --destructive: oklch(0.65 0.25 25);
  --destructive-foreground: oklch(0.97 0.005 260);

  --border: oklch(1 0 0 / 0.08);
  --input: oklch(1 0 0 / 0.12);
  --ring: var(--mint);

  --gradient-brand: linear-gradient(135deg, var(--mint) 0%, var(--violet) 100%);
  --gradient-radial-mint: radial-gradient(60% 60% at 30% 30%, color-mix(in oklab, var(--mint) 35%, transparent) 0%, transparent 70%);
  --gradient-radial-violet: radial-gradient(60% 60% at 70% 70%, color-mix(in oklab, var(--violet) 35%, transparent) 0%, transparent 70%);
  --shadow-glow-mint: 0 0 0 1px color-mix(in oklab, var(--mint) 30%, transparent), 0 20px 60px -20px color-mix(in oklab, var(--mint) 50%, transparent);
  --shadow-glow-violet: 0 0 0 1px color-mix(in oklab, var(--violet) 30%, transparent), 0 20px 60px -20px color-mix(in oklab, var(--violet) 50%, transparent);
  --shadow-elev: 0 1px 0 0 oklch(1 0 0 / 0.05) inset, 0 30px 80px -30px oklch(0 0 0 / 0.6);
}