/* 16Psyke, generated from tokens.json v3. Do not edit by hand. */
:root, [data-theme="light"] {
  --ground: #F4F1EA;
  --ground-sunken: #EDE8DE;
  --surface: #FFFFFF;
  --ink: #17191C;
  --ink-muted: #5E6168;
  --iron: #3A3D43;
  --iron-deep: #2B2E33;
  --copper: #B4541E;
  --copper-deep: #8E3F12;
  --copper-tint: #FEF6F0;
  --on-copper: #FEF6F0;
  --on-iron: #F4F1EA;
  --copper-text: var(--copper-deep);
  --hairline: #C9C4B8;
  --nickel: #8A8D93;
  --ok: #2F6B3F;
  --warn: #9A3A1F;
  --info: #2E5C8A;
  --shadow-none: none;
  --shadow-popover: 0 2px 8px rgba(23,25,28,0.12), 0 0 0 1px #C9C4B8;
  --shadow-sheet: 0 16px 40px rgba(23,25,28,0.18), 0 0 0 1px #C9C4B8;
}
[data-theme="dark"] {
  --ground: #17191C;
  --ground-sunken: #1F2226;
  --surface: #2B2E33;
  --ink: #F4F1EA;
  --ink-muted: #B9BCC2;
  --iron: #4A4E55;
  --iron-deep: #3A3D43;
  --copper: #E07A3B;
  --copper-deep: #F2955E;
  --copper-tint: #3A2A20;
  --on-copper: #17191C;
  --on-iron: #F4F1EA;
  --copper-text: var(--copper);
  --hairline: #3A3D43;
  --nickel: #6E7279;
  --ok: #7FC38F;
  --warn: #F0906A;
  --info: #8FB8E8;
  --shadow-none: none;
  --shadow-popover: 0 2px 8px rgba(0,0,0,0.5), 0 0 0 1px #3A3D43;
  --shadow-sheet: 0 16px 40px rgba(0,0,0,0.6), 0 0 0 1px #3A3D43;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-full: 9999px;
  --stroke-hairline: 1px;
  --stroke-rule: 2px;
  --stroke-focus: 2px;
  --facet: 22.5deg;
  --shard-offset: 8%;
  --motion-beat: 100ms;
  --motion-quick: 200ms;
  --motion-enter: 300ms;
  --motion-cut: 400ms;
  --motion-rev: 1600ms;
  --motion-stagger: 50ms;
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;
  --display-xl-size: 64px; --display-xl-line: 64px; --display-xl-weight: 700; --display-xl-tracking: -0.02em;
  --display-lg-size: 44px; --display-lg-line: 48px; --display-lg-weight: 700; --display-lg-tracking: -0.02em;
  --display-md-size: 32px; --display-md-line: 36px; --display-md-weight: 700; --display-md-tracking: -0.015em;
  --display-sm-size: 24px; --display-sm-line: 28px; --display-sm-weight: 700; --display-sm-tracking: -0.01em;
  --numeral-size: 20px; --numeral-line: 24px; --numeral-weight: 700; --numeral-tracking: 0;
  --body-lg-size: 18px; --body-lg-line: 28px; --body-lg-weight: 400; --body-lg-tracking: 0;
  --body-size: 16px; --body-line: 25px; --body-weight: 400; --body-tracking: 0;
  --body-sm-size: 14px; --body-sm-line: 21px; --body-sm-weight: 400; --body-sm-tracking: 0;
  --ui-size: 15px; --ui-line: 20px; --ui-weight: 600; --ui-tracking: 0;
  --label-size: 12px; --label-line: 16px; --label-weight: 600; --label-tracking: 0.12em;
  --caption-size: 12px; --caption-line: 16px; --caption-weight: 400; --caption-tracking: 0;
  --code-size: 14px; --code-line: 22px; --code-weight: 400; --code-tracking: 0;
}
@font-face { font-family: "Space Grotesk"; src: url("../06-fonts/SpaceGrotesk-wght.ttf") format("truetype"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../06-fonts/Inter-wght.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("../06-fonts/JetBrainsMono-wght.ttf") format("truetype"); font-weight: 100 800; font-display: swap; }
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 700; letter-spacing: -0.02em; }
.display-lg { font-family: var(--font-display); font-size: 44px; line-height: 48px; font-weight: 700; letter-spacing: -0.02em; }
.display-md { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: -0.015em; }
.display-sm { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.numeral { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 700; letter-spacing: 0; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 25px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 22px; font-weight: 400; }