/* Parlato Design System: plain custom properties for pages without Tailwind
   GENERATED from packages/design-system/tokens.json by scripts/build-tokens.ts.
   Do not edit by hand: change tokens.json and run `bun run build:tokens`. */

@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-VariableFont_opsz_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-VariableFont_opsz_wght.latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Italic-VariableFont_opsz_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('fonts/Inter-Italic-VariableFont_opsz_wght.latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('fonts/InstrumentSerif-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('fonts/InstrumentSerif-Regular.latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('fonts/InstrumentSerif-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('fonts/InstrumentSerif-Italic.latin.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-VariableFont_wght.latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('fonts/JetBrainsMono-Italic-VariableFont_wght.latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-017F, U+0192, U+0218-021B, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0304, U+0308, U+0327, U+2000-206F, U+20A4, U+20AC, U+20B9, U+2122, U+2190-2199, U+21C4, U+21D2, U+2212, U+2215, U+2264-2265, U+2713, U+2715, U+FEFF, U+FFFD;
}

:root, [data-theme="light"] {
  --background: #fbf9f5;
  --foreground: #211d18;
  --card: #fffefb;
  --card-foreground: #211d18;
  --popover: #fffefb;
  --popover-foreground: #211d18;
  --primary: #225578;
  --primary-foreground: #fbf9f5;
  --secondary: #f1ece2;
  --secondary-foreground: #211d18;
  --muted: #efe9df;
  --muted-foreground: #6f6557;
  --accent: #ebe4d6;
  --accent-foreground: #211d18;
  --destructive: #b0372e;
  --border: #e5ded0;
  --input: #9b8f7b;
  --grabber: #9b8f7b;
  --ring: #2f6c95;
  --highlight: #a7532d;
  --highlight-foreground: #fffefb;
  --success: #5b7027;
  --warning: #a05419;
  --info: #2f6c95;
  --chart-1: #225578;
  --chart-2: #c45f36;
  --chart-3: #6f8a3f;
  --chart-4: #d29a3a;
  --chart-5: #8fa9bd;
  --graph-node-1: #ebe4d6;
  --graph-node-2: #cec5b5;
  --graph-node-3: #9b8f7b;
  --graph-node-border: #bcb2a0;
  --sidebar: #f4f0e7;
  --sidebar-foreground: #211d18;
  --sidebar-primary: #225578;
  --sidebar-primary-foreground: #fbf9f5;
  --sidebar-accent: #ebe5d8;
  --sidebar-accent-foreground: #211d18;
  --sidebar-border: #e3dccd;
  --sidebar-ring: #2f6c95;
  --brand-adriatic: #225578;
  --brand-adriatic-deep: #163651;
  --brand-terracotta: #c45f36;
  --brand-apricot: #efa75c;
  --brand-almond: #f5efe2;
  --brand-espresso: #211d18;
  --brand-pistachio: #6f8a3f;
  --brand-amarena: #962e28;
  --elevation-xs: 0 1px 2px 0 #211d180d;
  --elevation-sm: 0 1px 3px 0 #211d1812, 0 1px 2px -1px #211d180d;
  --elevation-md: 0 6px 16px -4px #1636511a, 0 2px 4px -2px #211d180f;
  --elevation-lg: 0 16px 32px -8px #16365124, 0 4px 8px -4px #211d180f;
  --elevation-xl: 0 24px 56px -12px #16365133;
}
.dark, [data-theme="dark"] {
  --background: #1a1814;
  --foreground: #f3ede1;
  --card: #221f1a;
  --card-foreground: #f3ede1;
  --popover: #26231d;
  --popover-foreground: #f3ede1;
  --primary: #87b1cc;
  --primary-foreground: #0d1f30;
  --secondary: #2d2922;
  --secondary-foreground: #f3ede1;
  --muted: #2a2620;
  --muted-foreground: #a69c87;
  --accent: #322d25;
  --accent-foreground: #f3ede1;
  --destructive: #e28c85;
  --border: #37312a;
  --input: #716a60;
  --grabber: #7a7266;
  --ring: #87b1cc;
  --highlight: #efa75c;
  --highlight-foreground: #211d18;
  --success: #a9be76;
  --warning: #efa75c;
  --info: #87b1cc;
  --chart-1: #87b1cc;
  --chart-2: #de9871;
  --chart-3: #a9be76;
  --chart-4: #e8c072;
  --chart-5: #4f7896;
  --graph-node-1: #413b33;
  --graph-node-2: #544e44;
  --graph-node-3: #716a60;
  --graph-node-border: #716a60;
  --sidebar: #1f1c18;
  --sidebar-foreground: #f3ede1;
  --sidebar-primary: #87b1cc;
  --sidebar-primary-foreground: #0d1f30;
  --sidebar-accent: #2d2922;
  --sidebar-accent-foreground: #f3ede1;
  --sidebar-border: #332e27;
  --sidebar-ring: #87b1cc;
  --elevation-xs: 0 1px 2px 0 #0000004c;
  --elevation-sm: 0 1px 3px 0 #00000059, 0 1px 2px -1px #0000004c;
  --elevation-md: 0 6px 16px -4px #00000073, 0 2px 4px -2px #00000059;
  --elevation-lg: 0 16px 32px -8px #0000008c, 0 4px 8px -4px #00000066;
  --elevation-xl: 0 24px 56px -12px #00000099;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius: 8px;
  --radius-sm: 4.8px;
  --radius-md: 6.4px;
  --radius-lg: 8px;
  --radius-xl: 11.2px;
  --radius-2xl: 14.4px;
  --radius-full: 9999px;
  --duration-fast: 100ms;
  --duration-base: 150ms;
  --duration-slow: 200ms;
  --duration-drawer: 450ms;
  --font-sans: "Inter", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;
  --font-serif: "Instrument Serif", Georgia, serif;
}
.display { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -0.025em; }
.page-title { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: -0.02em; }
.section-title { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { 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: 400; }
.figure-lg { font-family: var(--font-mono); font-size: 30px; line-height: 36px; font-weight: 500; letter-spacing: -0.02em; }
.figure { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 400; }
.code { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; }
.wordmark { font-family: var(--font-serif); font-size: 28px; line-height: 28px; font-weight: 400; }