/* Venture Projects — compiled from tokens.json. Generated; edit tokens.json, not this file. */

:root, [data-theme="light"] {
  --background: #f9f9f7;
  --foreground: #1a1a1a;
  --card: #ffffff;
  --card-foreground: #1a1a1a;
  --popover: #ffffff;
  --popover-foreground: #1a1a1a;
  --primary: #5563d8;
  --primary-foreground: #ffffff;
  --secondary: #ededea;
  --secondary-foreground: #1a1a1a;
  --muted: #ededea;
  --muted-foreground: #6b6b6b;
  --accent: #e8eafb;
  --accent-foreground: #3843a8;
  --destructive: #c02626;
  --destructive-foreground: #ffffff;
  --border: #e2e2dd;
  --input: #8a8a82;
  --ring: #5563d8;
  --chart-1: #5563d8;
  --chart-2: #0f8f84;
  --chart-3: #c2661f;
  --chart-4: #a83f86;
  --chart-5: #6b6b6b;
  --sidebar: #f2f2ee;
  --sidebar-foreground: #1a1a1a;
  --sidebar-primary: #5563d8;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e8eafb;
  --sidebar-accent-foreground: #3843a8;
  --sidebar-border: #e2e2dd;
  --sidebar-ring: #5563d8;
  --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.10), 0 1px 2px -1px rgba(0,0,0,0.10);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.10), 0 2px 4px -2px rgba(0,0,0,0.10);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.10), 0 4px 6px -4px rgba(0,0,0,0.10);
}

[data-theme="dark"] {
  --background: #1a1a1a;
  --foreground: #f2f2ee;
  --card: #242423;
  --card-foreground: #f2f2ee;
  --popover: #242423;
  --popover-foreground: #f2f2ee;
  --primary: #9aa4f7;
  --primary-foreground: #1a1a1a;
  --secondary: #2b2b2a;
  --secondary-foreground: #f2f2ee;
  --muted: #2b2b2a;
  --muted-foreground: #a3a39c;
  --accent: #242c52;
  --accent-foreground: #b6bdf7;
  --destructive: #e8635c;
  --destructive-foreground: #1a1a1a;
  --border: #343432;
  --input: #67675f;
  --ring: #9aa4f7;
  --chart-1: #9aa4f7;
  --chart-2: #4ec7ba;
  --chart-3: #e39a58;
  --chart-4: #e089c4;
  --chart-5: #a3a39c;
  --sidebar: #141413;
  --sidebar-foreground: #f2f2ee;
  --sidebar-primary: #9aa4f7;
  --sidebar-primary-foreground: #1a1a1a;
  --sidebar-accent: #242c52;
  --sidebar-accent-foreground: #b6bdf7;
  --sidebar-border: #343432;
  --sidebar-ring: #9aa4f7;
  --shadow-xs: 0 1px 2px 0 rgba(0,0,0,0.5);
  --shadow-sm: 0 1px 3px 0 rgba(0,0,0,0.60), 0 1px 2px -1px rgba(0,0,0,0.60);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.60), 0 2px 4px -2px rgba(0,0,0,0.60);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.65), 0 4px 6px -4px rgba(0,0,0,0.65);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-2xl: 18px;
  --radius-full: 9999px;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

.h1 {
  font-family: var(--font-sans);
  font-size: 48px;
  line-height: 52px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.h2 {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.h3 {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
}
.body-sm {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.label {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.caption {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
.code {
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}