/* Streamline Agency Template — generated from tokens.json */
:root, [data-theme="light"] {
  --accent-accent-64: rgba(192,187,244,0.64);
  --accent-late-apricot: #f5c77c;
  --accent-primary: #1e1c1b;
  --accent-solar-note: #ffcd33;
  --accent-stone-shadow: #ca6a21;
  --background-base-dark: #191818;
  --background-base-light: #f7f7f2;
  --background-base: var(--background-base-light);
  --background-depth-dark: #22201f;
  --background-depth-light: #e1dcd5;
  --background-depth: var(--background-depth-light);
  --background-folded-linen: #e8e1da;
  --background-gradient-purposes-gradient-0: var(--neutral-light-0);
  --background-gradient-purposes-gradient-100: var(--neutral-light-100);
  --background-gradient-purposes-gradient-64: var(--neutral-light-64);
  --background-grounded-burntwood: #3b2921;
  --background-lift-contrast-2-lower-opacity: rgba(21,21,24,0.8);
  --background-lift-dark: #1e1c1b;
  --background-lift-light: #efede7;
  --background-lift-low-opacity-dark: rgba(30,28,27,0.32);
  --background-lift-low-opacity-light: rgba(239,237,231,0.64);
  --background-lift-low-opacity: var(--background-lift-low-opacity-light);
  --background-lift: var(--background-lift-light);
  --backgrounds-primary: #ffffff;
  --border-medium: var(--neutral-dark-48);
  --border-subtle: var(--neutral-dark-16);
  --button-primary-default-background: var(--neutral-dark-100);
  --button-primary-default-border: var(--neutral-light-8);
  --button-primary-default-text: var(--neutral-light-100);
  --button-primary-hover-background: var(--neutral-dark-88);
  --button-primary-hover-border: var(--neutral-light-8);
  --button-primary-hover-text: var(--neutral-light-100);
  --button-secondary-default-background: var(--neutral-dark-0);
  --button-secondary-default-border: var(--neutral-dark-16);
  --button-secondary-default-text: var(--neutral-dark-100);
  --button-secondary-hover-background: var(--neutral-dark-88);
  --button-secondary-hover-border: var(--neutral-light-8);
  --button-secondary-hover-text: var(--neutral-light-100);
  --button-tertiary-default-text: var(--neutral-dark-100);
  --button-tertiary-hover-text: var(--neutral-dark-88);
  --green: #aedcb9;
  --icon-medium: var(--neutral-dark-64);
  --icon-strong: var(--neutral-dark-100);
  --input-active-background: var(--neutral-dark-16);
  --input-active-border: var(--neutral-dark-48);
  --input-active-text: var(--neutral-dark-100);
  --input-default-background: var(--neutral-dark-8);
  --input-default-border: var(--neutral-dark-8);
  --input-default-text: var(--neutral-dark-48);
  --input-error-background: var(--neutral-dark-8);
  --input-error-border: var(--neutral-dark-16);
  --input-error-text: var(--neutral-dark-100);
  --input-filled-background: var(--neutral-dark-8);
  --input-filled-border: var(--neutral-dark-16);
  --input-filled-text: var(--neutral-dark-100);
  --input-icon: var(--accent-primary);
  --input-label: var(--neutral-dark-64);
  --miscellaneous-floating-tab-pill-fill: #ffffff;
  --neutral-dark-0: rgba(25,24,24,0);
  --neutral-dark-100: #191818;
  --neutral-dark-16: rgba(25,24,24,0.16);
  --neutral-dark-32: rgba(25,24,24,0.32);
  --neutral-dark-48: rgba(25,24,24,0.48);
  --neutral-dark-4: rgba(25,24,24,0.04);
  --neutral-dark-64: rgba(25,24,24,0.64);
  --neutral-dark-88: rgba(25,24,24,0.88);
  --neutral-dark-8: rgba(25,24,24,0.08);
  --neutral-light-0: rgba(247,247,242,0);
  --neutral-light-100: #f7f7f2;
  --neutral-light-16: rgba(247,247,242,0.16);
  --neutral-light-32: rgba(247,247,242,0.32);
  --neutral-light-48: rgba(247,247,242,0.48);
  --neutral-light-4: rgba(247,247,242,0.04);
  --neutral-light-64: rgba(247,247,242,0.64);
  --neutral-light-88: rgba(247,247,242,0.88);
  --neutral-light-8: rgba(247,247,242,0.08);
  --primary-gold: #9f6d09;
  --primary-matte-black: #333132;
  --primary-white: #ffffff;
  --series-security: #045d3c;
  --system-green-300: #428535;
  --system-red-300: #aa2e1b;
  --system-yellow-300: #f1b62b;
  --text-body-medium: var(--neutral-dark-64);
  --text-body-strong: var(--neutral-dark-88);
  --text-body-subtle: var(--neutral-dark-48);
  --text-heading-medium: var(--neutral-dark-64);
  --text-heading-strong: var(--neutral-dark-100);
  --text-label-medium: var(--neutral-dark-64);
  --text-label-strong: var(--neutral-dark-88);
  --ui-error: #c9372d;
  --ui-success: #2ad87f;
  --ui-warning: #c56a21;
  --surface-base: var(--background-base);
  --surface-lift: var(--background-lift);
  --surface-depth: var(--background-depth);
  --surface-contrast: var(--background-base-dark);
  --surface-white: var(--primary-white);
  --surface-linen: var(--background-folded-linen);
  --text-strong: var(--text-heading-strong);
  --text-default: var(--text-body-strong);
  --text-muted: var(--text-body-medium);
  --text-subtle: var(--text-body-subtle);
  --text-on-dark: var(--neutral-light-100);
  --text-on-dark-muted: var(--neutral-light-64);
  --ring-dark: inset 0 0 0 1px rgba(25,24,24,0.16);
  --ring-light: inset 0 0 0 1px rgba(247,247,242,0.08);
  --ring-glass: inset 0 1px 0 0 rgba(247,247,242,0.16), inset 0 -1px 0 0 rgba(247,247,242,0.08);
}
[data-theme="inverted"] {
  --background-base: var(--background-base-dark);
  --background-depth: var(--background-depth-dark);
  --background-gradient-purposes-gradient-0: var(--neutral-dark-0);
  --background-gradient-purposes-gradient-100: var(--neutral-dark-100);
  --background-gradient-purposes-gradient-64: var(--neutral-dark-64);
  --background-lift-low-opacity: var(--background-lift-low-opacity-dark);
  --background-lift: var(--background-lift-dark);
  --border-medium: var(--neutral-light-48);
  --border-subtle: var(--neutral-light-16);
  --button-primary-default-background: var(--neutral-light-100);
  --button-primary-default-border: var(--neutral-dark-8);
  --button-primary-default-text: var(--neutral-dark-100);
  --button-primary-hover-background: var(--neutral-light-88);
  --button-primary-hover-border: var(--neutral-dark-8);
  --button-primary-hover-text: var(--neutral-dark-100);
  --button-secondary-default-background: var(--neutral-light-4);
  --button-secondary-default-border: var(--neutral-light-8);
  --button-secondary-default-text: var(--neutral-light-100);
  --button-secondary-hover-background: var(--neutral-light-88);
  --button-secondary-hover-border: var(--neutral-dark-8);
  --button-secondary-hover-text: var(--neutral-dark-100);
  --button-tertiary-default-text: var(--neutral-light-100);
  --button-tertiary-hover-text: var(--neutral-light-88);
  --icon-medium: var(--neutral-light-64);
  --icon-strong: var(--neutral-light-100);
  --input-active-background: var(--neutral-light-16);
  --input-active-border: var(--neutral-light-48);
  --input-active-text: var(--neutral-light-100);
  --input-default-background: var(--neutral-light-8);
  --input-default-border: var(--neutral-light-8);
  --input-default-text: var(--neutral-light-48);
  --input-error-background: var(--neutral-light-8);
  --input-error-border: var(--neutral-light-16);
  --input-error-text: var(--neutral-light-100);
  --input-filled-background: var(--neutral-light-8);
  --input-filled-border: var(--neutral-light-16);
  --input-filled-text: var(--neutral-light-100);
  --input-icon: var(--accent-primary);
  --input-label: var(--neutral-light-64);
  --text-body-medium: var(--neutral-light-64);
  --text-body-strong: var(--neutral-light-88);
  --text-body-subtle: var(--neutral-light-48);
  --text-heading-medium: var(--neutral-light-64);
  --text-heading-strong: var(--neutral-light-100);
  --text-label-medium: var(--neutral-light-64);
  --text-label-strong: var(--neutral-light-88);
  --surface-base: var(--background-base);
  --surface-lift: var(--background-lift);
  --surface-depth: var(--background-depth);
  --surface-contrast: var(--background-base-dark);
  --surface-white: var(--primary-white);
  --surface-linen: var(--background-folded-linen);
  --text-strong: var(--text-heading-strong);
  --text-default: var(--text-body-strong);
  --text-muted: var(--text-body-medium);
  --text-subtle: var(--text-body-subtle);
  --text-on-dark: var(--neutral-light-100);
  --text-on-dark-muted: var(--neutral-light-64);
}
:root {
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-20: 20px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;
  --s-80: 80px;
  --s-120: 120px;
  --section-sm: 80px;
  --section-md: 120px;
  --section-lg: 160px;
  --section-xl: 200px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 24px;
  --r-tag: 16px;
  --page-pad: 32px;
  --col-gap: 16px;
  --content-gap: 132px;
  --w-12: 1376px;
  --w-10: 1144px;
  --w-9: 1028px;
  --w-8: 912px;
  --w-7: 796px;
  --w-6: 680px;
  --w-5: 564px;
  --w-4: 448px;
  --w-3: 332px;
  --w-2: 216px;
  --font-display: "IBM Plex Serif", ui-serif, Georgia, "Times New Roman", serif;
  --font-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-ui: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-ui-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --font-family-button-2: "Raveo Display", serif;
}
.h0 { font-family: var(--font-display); font-size: 96px; line-height: 80px; font-weight: 400; letter-spacing: -2.5px; }
.h1 { font-family: var(--font-display); font-size: 64px; line-height: 64px; font-weight: 400; letter-spacing: -2.5px; }
.h2 { font-family: var(--font-display); font-size: 48px; line-height: 48px; font-weight: 400; letter-spacing: -2px; }
.h3 { font-family: var(--font-display); font-size: 40px; line-height: 40px; font-weight: 400; letter-spacing: -1px; }
.h4 { font-family: var(--font-display); font-size: 32px; line-height: 36px; font-weight: 400; letter-spacing: -1px; }
.h5 { font-family: var(--font-display); font-size: 28px; line-height: 32px; font-weight: 400; letter-spacing: -0.5px; }
.h6 { font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 400; letter-spacing: -0.5px; }
.h7 { font-family: var(--font-display); font-size: 20px; line-height: 24px; font-weight: 400; letter-spacing: -0.5px; }
.h8 { font-family: var(--font-display); font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: 2px; }
.b1 { font-family: var(--font-body); font-size: 20px; line-height: 28px; font-weight: 400; }
.b2 { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.b3 { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; }
.title-medium { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 500; }
.button-1 { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 500; }
.button-2 { font-family: var(--font-family-button-2); font-size: 14px; line-height: 16px; font-weight: 500; }
.label-1 { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.75px; }
.label-2 { font-family: var(--font-mono); font-size: 10px; line-height: 12px; font-weight: 400; letter-spacing: 0.75px; }
.docs { font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 400; }
