/* Generated from tokens/tokens.json by scripts/build.mjs. Do not edit; edit the token file and run npm run build. */
@font-face{font-family:"Crimson Pro";font-style:normal;font-weight:200 900;font-display:swap;src:url("./fonts/CrimsonPro.woff2") format("woff2")}
@font-face{font-family:"Crimson Pro";font-style:italic;font-weight:200 900;font-display:swap;src:url("./fonts/CrimsonPro-Italic.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("./fonts/Manrope.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url("./fonts/JetBrainsMono.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:italic;font-weight:100 800;font-display:swap;src:url("./fonts/JetBrainsMono-Italic.woff2") format("woff2")}
:root {
  color-scheme: light;
  --p-color-bone: #F7F4EE;
  --p-color-ghost: #0D0E0F;
  --p-color-ink-warm: #1D1D1B;
  --p-color-ink-light: #E7E7E5;
  --p-color-white: #FFFFFF;
  --p-color-clear: #00000000;
  --p-color-forest-300: #6FBF8C;
  --p-color-forest-350: #6AB286;
  --p-color-forest-400: #56A776;
  --p-color-forest-700: #1E4D2B;
  --p-color-forest-800: #1A4426;
  --p-color-neutral-light-muted: #62615A;
  --p-color-neutral-light-faint: #85837E;
  --p-color-neutral-light-hairline: #DDDAD5;
  --p-color-neutral-light-surface: #FBFAF7;
  --p-color-neutral-light-tint: #E1E3DB;
  --p-color-neutral-dark-muted: #9A9B99;
  --p-color-neutral-dark-faint: #6B6C6B;
  --p-color-neutral-dark-hairline: #272829;
  --p-color-neutral-dark-surface: #18191A;
  --p-color-neutral-dark-edge: #212222;
  --p-color-neutral-dark-tint: #141D19;
  --p-color-ramp-light-1: #1E4D2B;
  --p-color-ramp-light-2: #456B4E;
  --p-color-ramp-light-3: #6A876F;
  --p-color-ramp-light-4: #8FA490;
  --p-color-ramp-light-5: #ABBAAA;
  --p-color-ramp-light-6: #C7CFC3;
  --p-color-ramp-dark-1: #56A776;
  --p-color-ramp-dark-2: #498B63;
  --p-color-ramp-dark-3: #3C7152;
  --p-color-ramp-dark-4: #305740;
  --p-color-ramp-dark-5: #274433;
  --p-color-ramp-dark-6: #1D3026;
  --p-color-syntax-comment: #57606A;
  --p-color-syntax-comment-dark: #8B949E;
  --p-color-syntax-keyword: #A40E26;
  --p-color-syntax-keyword-dark: #FF7B72;
  --p-color-syntax-string: #0A3069;
  --p-color-syntax-string-dark: #A5D6FF;
  --p-color-syntax-number: #0550AE;
  --p-color-syntax-number-dark: #79C0FF;
  --p-color-syntax-title: #6639BA;
  --p-color-syntax-title-dark: #D2A8FF;
  --p-color-syntax-variable: #953800;
  --p-color-syntax-variable-dark: #FFA657;
  --p-color-status-warn: #9A6412;
  --p-color-status-warn-dark: #E0A75E;
  --p-color-status-bad: #A8362F;
  --p-color-status-bad-dark: #E07A73;
  --color-bg-page: #F7F4EE;
  --color-bg-surface: #FBFAF7;
  --color-bg-tint: #E1E3DB;
  --color-text-primary: #1D1D1B;
  --color-text-muted: #62615A;
  --color-text-faint: #85837E;
  --color-text-on-accent: #FFFFFF;
  --color-border-hairline: #DDDAD5;
  --color-border-edge: #00000000;
  --color-accent-default: #1E4D2B;
  --color-accent-hover: #1A4426;
  --color-link-default: #1E4D2B;
  --color-data-1: #1E4D2B;
  --color-data-2: #456B4E;
  --color-data-3: #6A876F;
  --color-data-4: #8FA490;
  --color-data-5: #ABBAAA;
  --color-data-6: #C7CFC3;
  --color-code-comment: #57606A;
  --color-code-keyword: #A40E26;
  --color-code-string: #0A3069;
  --color-code-number: #0550AE;
  --color-code-title: #6639BA;
  --color-code-variable: #953800;
  --color-status-good: #1E4D2B;
  --color-status-warn: #9A6412;
  --color-status-bad: #A8362F;
  --font-serif: "Crimson Pro", Georgia, serif;
  --font-sans: Manrope, system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", Menlo, Consolas, monospace;
  --font-heading: "Crimson Pro", Georgia, serif;
  --font-body: Manrope, system-ui, -apple-system, sans-serif;
  --font-ui: Manrope, system-ui, -apple-system, sans-serif;
  --font-label: Manrope, system-ui, -apple-system, sans-serif;
  --font-code: "JetBrains Mono", Menlo, Consolas, monospace;
  --text-caption: 12px;
  --text-label: 13px;
  --text-small: 14px;
  --text-body: 16px;
  --text-lead: 20px;
  --text-h3: 24px;
  --text-h2: 32px;
  --text-h1: 44px;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
  --leading-code: 1.7;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --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;
  --space-18: 72px;
  --size-measure: 680px;
  --size-hairline: 1px;
  --size-control: 36px;
  --card-padding: 16px;
  --card-gap: 8px;
  --card-stack: 24px;
  --card-title-size: 20px;
  --card-title-weight: 400;
  --card-summary-size: 12px;
  --radius-none: 0px;
  --radius-full: 9999px;
  --shadow-card: 0px 1px 2px 0px #3C321E0D, 0px 6px 20px 0px #3C321E14;
  --motion-duration-appear: 150ms;
  --motion-duration-move: 320ms;
  --motion-easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --motion-easing-spring: cubic-bezier(0.34, 1.4, 0.5, 1);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-bg-page: #0D0E0F;
    --color-bg-surface: #18191A;
    --color-bg-tint: #141D19;
    --color-text-primary: #E7E7E5;
    --color-text-muted: #9A9B99;
    --color-text-faint: #6B6C6B;
    --color-text-on-accent: #0D0E0F;
    --color-border-hairline: #272829;
    --color-border-edge: #212222;
    --color-accent-default: #56A776;
    --color-accent-hover: #6AB286;
    --color-link-default: #6FBF8C;
    --color-data-1: #56A776;
    --color-data-2: #498B63;
    --color-data-3: #3C7152;
    --color-data-4: #305740;
    --color-data-5: #274433;
    --color-data-6: #1D3026;
    --color-code-comment: #8B949E;
    --color-code-keyword: #FF7B72;
    --color-code-string: #A5D6FF;
    --color-code-number: #79C0FF;
    --color-code-title: #D2A8FF;
    --color-code-variable: #FFA657;
    --color-status-good: #56A776;
    --color-status-warn: #E0A75E;
    --color-status-bad: #E07A73;
    --shadow-card: inset 0px 1px 0px 0px #FFFFFF0A, 0px 10px 30px 0px #0000008C;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-bg-page: #0D0E0F;
  --color-bg-surface: #18191A;
  --color-bg-tint: #141D19;
  --color-text-primary: #E7E7E5;
  --color-text-muted: #9A9B99;
  --color-text-faint: #6B6C6B;
  --color-text-on-accent: #0D0E0F;
  --color-border-hairline: #272829;
  --color-border-edge: #212222;
  --color-accent-default: #56A776;
  --color-accent-hover: #6AB286;
  --color-link-default: #6FBF8C;
  --color-data-1: #56A776;
  --color-data-2: #498B63;
  --color-data-3: #3C7152;
  --color-data-4: #305740;
  --color-data-5: #274433;
  --color-data-6: #1D3026;
  --color-code-comment: #8B949E;
  --color-code-keyword: #FF7B72;
  --color-code-string: #A5D6FF;
  --color-code-number: #79C0FF;
  --color-code-title: #D2A8FF;
  --color-code-variable: #FFA657;
  --color-status-good: #56A776;
  --color-status-warn: #E0A75E;
  --color-status-bad: #E07A73;
  --shadow-card: inset 0px 1px 0px 0px #FFFFFF0A, 0px 10px 30px 0px #0000008C;
}