/* Jo Ionescu portfolio v1.1.0. Generated from src/styles.css. */
:root {
  --background: oklch(0.978 0.006 85);
  --foreground: oklch(0.205 0.012 62);
  --surface: oklch(0.955 0.008 85);
  --surface-foreground: oklch(0.205 0.012 62);
  --card: oklch(0.991 0.004 85);
  --card-foreground: oklch(0.205 0.012 62);
  --popover: oklch(0.991 0.004 85);
  --popover-foreground: oklch(0.205 0.012 62);
  --primary: oklch(0.205 0.012 62);
  --primary-foreground: oklch(0.985 0.005 85);
  --secondary: oklch(0.94 0.009 85);
  --secondary-foreground: oklch(0.265 0.012 62);
  --muted: oklch(0.945 0.008 85);
  --muted-foreground: oklch(0.455 0.014 66);
  --accent: oklch(0.651 0.116 182);
  --accent-foreground: oklch(0.18 0.01 66);
  --accent-soft: oklch(0.93 0.03 182);
  --destructive: oklch(0.52 0.19 27);
  --destructive-foreground: oklch(0.985 0.005 85);
  --border: oklch(0.885 0.01 80);
  --border-strong: oklch(0.79 0.012 78);
  --input: oklch(0.885 0.01 80);
  --ring: oklch(0.651 0.116 182);
  --quote-color: oklab(20.5% 0.006 0.01 / 0.85);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;
  --radius-0: 0px;
  --radius-1: 1px;
  --radius-2: 3px;
  --radius-3: 4px;
  --radius-4: 8px;
  --radius-5: 14px;
  --radius-6: 9999px;
  --breakpoint-sm: 640px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --breakpoint-xl: 1280px;
  --breakpoint-2xl: 1536px;
  --motion-fast: 150ms;
  --motion-base: 250ms;
  --motion-slow: 300ms;
  --motion-reveal: 850ms;
  --font-display: "Instrument Serif";
  --font-body: "Schibsted Grotesk";
  --font-mono: "JetBrains Mono";
  --text-display-xl: clamp(3.25rem, 11vw, 9.5rem);
  --text-display-xl--line-height: 0.92;
  --text-display-xl--letter-spacing: -0.035em;
  --text-display-lg: clamp(2.5rem, 6.4vw, 5.25rem);
  --text-display-lg--line-height: 0.98;
  --text-display-lg--letter-spacing: -0.028em;
  --text-display-md: clamp(2rem, 4.2vw, 3.25rem);
  --text-display-md--line-height: 1.04;
  --text-display-md--letter-spacing: -0.022em;
  --text-display-sm: clamp(1.5rem, 2.6vw, 2.125rem);
  --text-display-sm--line-height: 1.14;
  --text-display-sm--letter-spacing: -0.018em;
  --text-lede: clamp(1.0625rem, 1.35vw, 1.375rem);
  --text-lede--line-height: 1.55;
  --text-lede--letter-spacing: -0.012em;
  --text-label: 0.6875rem;
  --text-label--line-height: 1.1;
  --text-label--letter-spacing: 0.16em;
  --elevation-0: none;
  --elevation-1: 0 10px 24px -14px color-mix(in oklch, var(--foreground) 45%, transparent);
  --elevation-2: 0 1px 2px color-mix(in oklch, var(--foreground) 6%, transparent), 0 6px 20px color-mix(in oklch, var(--foreground) 8%, transparent), 0 2px 8px color-mix(in oklch, var(--accent) 10%, transparent);
  --ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
}
.dark {
  --background: oklch(0.168 0.008 66);
  --foreground: oklch(0.945 0.006 85);
  --surface: oklch(0.205 0.008 66);
  --surface-foreground: oklch(0.945 0.006 85);
  --card: oklch(0.203 0.009 66);
  --card-foreground: oklch(0.945 0.006 85);
  --popover: oklch(0.203 0.009 66);
  --popover-foreground: oklch(0.945 0.006 85);
  --primary: oklch(0.945 0.006 85);
  --primary-foreground: oklch(0.168 0.008 66);
  --secondary: oklch(0.245 0.009 66);
  --secondary-foreground: oklch(0.945 0.006 85);
  --muted: oklch(0.245 0.009 66);
  --muted-foreground: oklch(0.735 0.012 78);
  --accent: oklch(0.72 0.105 182);
  --accent-foreground: oklch(0.168 0.008 66);
  --accent-soft: oklch(0.3 0.04 182);
  --destructive: oklch(0.68 0.17 25);
  --destructive-foreground: oklch(0.168 0.008 66);
  --border: oklch(0.305 0.009 66);
  --border-strong: oklch(0.42 0.011 70);
  --input: oklch(0.305 0.009 66);
  --ring: oklch(0.72 0.105 182);
  --quote-color: oklch(0.945 0.006 85 / 0.85);
}