/* Generated from tokens.json. Color roles are exact; geometry/motion are defaults. */
:root {
  --ds-space-4: 4px;
  --ds-space-8: 8px;
  --ds-space-16: 16px;
  --ds-space-24: 24px;
  --ds-space-32: 32px;
  --ds-space-40: 40px;
  --ds-space-48: 48px;
  --ds-space-64: 64px;
  --ds-space-80: 80px;
  --ds-space-96: 96px;
  --ds-space-128: 128px;
  --ds-radius-compact: 8px;
  --ds-radius-small: 16px;
  --ds-radius-panel: 24px;
  --ds-radius-image: 24px;
  --ds-radius-feature: 32px;
  --ds-radius-pill: 999px;
  --ds-radius-dialog: 32px;
  --ds-radius-menu: 16px;
  --ds-feedback: 150ms;
  --ds-focus-duration: 180ms;
  --ds-theme-duration: 240ms;
  --ds-headline-duration: 900ms;
  --ds-support-duration: 650ms;
  --ds-image-duration: 1100ms;
  --ds-section-duration: 1320ms;
  --ds-line-stagger: 110ms;
  --ds-stagger-max: 330ms;
  --ds-ease-entrance: cubic-bezier(.22,1,.36,1);
  --ds-ease-control: cubic-bezier(.16,1,.3,1);
  --ds-font-heading: Manrope, Inter, Arial, system-ui, sans-serif;
  --ds-font-body: Inter, Arial, system-ui, sans-serif;
  --ds-weight-heading: 500;
  --ds-weight-body: 400;
  --ds-weight-label: 500;
  --ds-tracking-display: -.025em;
  --ds-tracking-heading: -.02em;
  --ds-button-compact: 44px;
  --ds-button-default: 48px;
  --ds-button-large: 56px;
  --ds-button-padding-compact: 16px;
  --ds-button-padding-default: 24px;
  --ds-button-padding-large: 32px;
  --ds-input-height: 48px;
  --ds-input-padding: 16px;
  --ds-target-min: 44px;
}
:root {
  --ds-page: #08090B;
  --ds-surface: #121212;
  --ds-hover: #1C1C1C;
  --ds-text: #F3F2EF;
  --ds-secondary: #CCCCCC;
  --ds-muted: #999999;
  --ds-border: #707070;
  --ds-divider: rgba(243,242,239,.14);
  --ds-header: rgba(8,9,11,.82);
  --ds-success: #8AD5A1;
  --ds-warning: #E7C983;
  --ds-error: #F2A5AC;
  --ds-info: #9CC6F5;
  --ds-header-solid: rgba(8,9,11,.96);
  --ds-tooltip-surface: #1C1C1C;
  --ds-tooltip-border: #383838;
  --ds-chart-1: #00A607;
  --ds-chart-2: #69ADF3;
  --ds-chart-3: #A792CF;
  --ds-chart-4: #E7C983;
  --ds-chart-5: #999999;
  --ds-chart-1-dash: none;
  --ds-chart-2-dash: 8 4;
  --ds-chart-3-dash: 2 4;
  --ds-chart-4-dash: 8 4 2 4;
  --ds-chart-5-dash: 12 4;
}
:root[data-theme="light"] {
  --ds-page: #F7F8F5;
  --ds-surface: #FFFFFF;
  --ds-hover: #EEEEEE;
  --ds-text: #171C18;
  --ds-secondary: #4D4D4D;
  --ds-muted: #666666;
  --ds-border: #808080;
  --ds-divider: rgba(23,28,24,.16);
  --ds-header: rgba(247,248,245,.86);
  --ds-success: #216B3C;
  --ds-warning: #805B09;
  --ds-error: #AC3444;
  --ds-info: #246396;
  --ds-header-solid: rgba(247,248,245,.97);
  --ds-tooltip-surface: #FFFFFF;
  --ds-tooltip-border: #E6E6E6;
  --ds-chart-1: #007A05;
  --ds-chart-2: #086BC1;
  --ds-chart-3: #583BA8;
  --ds-chart-4: #805B09;
  --ds-chart-5: #666666;
  --ds-chart-1-dash: none;
  --ds-chart-2-dash: 8 4;
  --ds-chart-3-dash: 2 4;
  --ds-chart-4-dash: 8 4 2 4;
  --ds-chart-5-dash: 12 4;
}
:root {
  --ds-brand: #00A607;
  --ds-brand-tint: #D7EED4;
  --ds-brand-shade: #005303;
  --ds-accent: #00A607;
  --ds-fill: #00A607;
  --ds-fill-hover: #00B808;
  --ds-fill-pressed: #009606;
  --ds-on-fill: #08090B;
  --ds-link: #00A607;
  --ds-outline: #00A607;
  --ds-focus: #00A607;
  --ds-wash: #005303;
}
:root[data-theme="light"] {
  --ds-brand: #00A607;
  --ds-brand-tint: #D7EED4;
  --ds-brand-shade: #005303;
  --ds-accent: #007A05;
  --ds-fill: #008406;
  --ds-fill-hover: #007A05;
  --ds-fill-pressed: #006E05;
  --ds-on-fill: #F7F8F5;
  --ds-link: #007A05;
  --ds-outline: #007A05;
  --ds-focus: #007A05;
  --ds-wash: #D7EED4;
}
:root[data-profile="pandaomics"] {
  --ds-brand: #01CB83;
  --ds-brand-tint: #C2FFE9;
  --ds-brand-shade: #006642;
  --ds-accent: #64C8A2;
  --ds-fill: #64C8A2;
  --ds-fill-hover: #7DD1B1;
  --ds-fill-pressed: #5DB996;
  --ds-on-fill: #08090B;
  --ds-link: #80D2B3;
  --ds-outline: #64C8A2;
  --ds-focus: #C2FFE9;
  --ds-wash: #006642;
}
:root[data-profile="pandaomics"][data-theme="light"] {
  --ds-brand: #01CB83;
  --ds-brand-tint: #C2FFE9;
  --ds-brand-shade: #006642;
  --ds-accent: #007B57;
  --ds-fill: #007B57;
  --ds-fill-hover: #148664;
  --ds-fill-pressed: #148564;
  --ds-on-fill: #FFFFFF;
  --ds-link: #007B57;
  --ds-outline: #007B57;
  --ds-focus: #007B57;
  --ds-wash: #C2FFE9;
}
:root[data-profile="biology42"] {
  --ds-brand: #82AC3D;
  --ds-brand-tint: #E7F0D6;
  --ds-brand-shade: #616A20;
  --ds-accent: #A5BA79;
  --ds-fill: #A5BA79;
  --ds-fill-hover: #B3C58E;
  --ds-fill-pressed: #98AC70;
  --ds-on-fill: #08090B;
  --ds-link: #B5C691;
  --ds-outline: #A5BA79;
  --ds-focus: #E7F0D6;
  --ds-wash: #616A20;
}
:root[data-profile="biology42"][data-theme="light"] {
  --ds-brand: #82AC3D;
  --ds-brand-tint: #E7F0D6;
  --ds-brand-shade: #616A20;
  --ds-accent: #586F2A;
  --ds-fill: #586F2A;
  --ds-fill-hover: #657B3B;
  --ds-fill-pressed: #657A3A;
  --ds-on-fill: #FFFFFF;
  --ds-link: #586F2A;
  --ds-outline: #586F2A;
  --ds-focus: #586F2A;
  --ds-wash: #E7F0D6;
}
:root[data-profile="chemistry42"] {
  --ds-brand: #0E8CFF;
  --ds-brand-tint: #CFE8FF;
  --ds-brand-shade: #004686;
  --ds-accent: #69ADF3;
  --ds-fill: #69ADF3;
  --ds-fill-hover: #81BAF5;
  --ds-fill-pressed: #61A0E0;
  --ds-on-fill: #08090B;
  --ds-link: #84BCF5;
  --ds-outline: #69ADF3;
  --ds-focus: #CFE8FF;
  --ds-wash: #004686;
}
:root[data-profile="chemistry42"][data-theme="light"] {
  --ds-brand: #0E8CFF;
  --ds-brand-tint: #CFE8FF;
  --ds-brand-shade: #004686;
  --ds-accent: #086BC1;
  --ds-fill: #086BC1;
  --ds-fill-hover: #1C77C6;
  --ds-fill-pressed: #1B76C5;
  --ds-on-fill: #FFFFFF;
  --ds-link: #086BC1;
  --ds-outline: #086BC1;
  --ds-focus: #086BC1;
  --ds-wash: #CFE8FF;
}
:root[data-profile="medicine42"] {
  --ds-brand: #583BA8;
  --ds-brand-tint: #DCD5F0;
  --ds-brand-shade: #2C1D54;
  --ds-accent: #A792CF;
  --ds-fill: #A792CF;
  --ds-fill-hover: #B5A3D7;
  --ds-fill-pressed: #9A87BF;
  --ds-on-fill: #08090B;
  --ds-link: #B7A6D8;
  --ds-outline: #A792CF;
  --ds-focus: #DCD5F0;
  --ds-wash: #2C1D54;
}
:root[data-profile="medicine42"][data-theme="light"] {
  --ds-brand: #583BA8;
  --ds-brand-tint: #DCD5F0;
  --ds-brand-shade: #2C1D54;
  --ds-accent: #583BA8;
  --ds-fill: #583BA8;
  --ds-fill-hover: #654BAF;
  --ds-fill-pressed: #654AAE;
  --ds-on-fill: #FFFFFF;
  --ds-link: #583BA8;
  --ds-outline: #583BA8;
  --ds-focus: #583BA8;
  --ds-wash: #DCD5F0;
}
:root[data-profile="science42"] {
  --ds-brand: #21965F;
  --ds-brand-tint: #C4E9D5;
  --ds-brand-shade: #14653E;
  --ds-accent: #69AA8B;
  --ds-fill: #69AA8B;
  --ds-fill-hover: #81B89E;
  --ds-fill-pressed: #619D81;
  --ds-on-fill: #08090B;
  --ds-link: #84B9A0;
  --ds-outline: #69AA8B;
  --ds-focus: #C4E9D5;
  --ds-wash: #14653E;
}
:root[data-profile="science42"][data-theme="light"] {
  --ds-brand: #21965F;
  --ds-brand-tint: #C4E9D5;
  --ds-brand-shade: #14653E;
  --ds-accent: #167147;
  --ds-fill: #167147;
  --ds-fill-hover: #297C56;
  --ds-fill-pressed: #287C55;
  --ds-on-fill: #FFFFFF;
  --ds-link: #167147;
  --ds-outline: #167147;
  --ds-focus: #167147;
  --ds-wash: #C4E9D5;
}
:root {
  --ds-columns: 12;
  --ds-gutter: 48px;
  --ds-gap: 24px;
  --ds-content-max: 1440px;
  --ds-hero-size: 76px;
  --ds-hero-line: 88px;
  --ds-page-title-size: 49px;
  --ds-page-title-line: 56px;
  --ds-section-title-size: 39px;
  --ds-section-title-line: 48px;
  --ds-group-title-size: 25px;
  --ds-group-title-line: 32px;
  --ds-lead-size: 20px;
  --ds-lead-line: 32px;
  --ds-body-size: 16px;
  --ds-body-line: 24px;
  --ds-caption-size: 13px;
  --ds-caption-line: 20px;
  --ds-metadata-size: 13px;
  --ds-metadata-line: 16px;
  --ds-reading-size: 18px;
  --ds-reading-line: 28px;
}
@media (max-width: 1023px) {
:root {
  --ds-columns: 12;
  --ds-gutter: 32px;
  --ds-gap: 24px;
  --ds-content-max: 1440px;
  --ds-hero-size: 61px;
  --ds-hero-line: 72px;
  --ds-page-title-size: 39px;
  --ds-page-title-line: 48px;
  --ds-section-title-size: 31px;
  --ds-section-title-line: 40px;
  --ds-group-title-size: 25px;
  --ds-group-title-line: 32px;
  --ds-lead-size: 20px;
  --ds-lead-line: 32px;
  --ds-body-size: 16px;
  --ds-body-line: 24px;
  --ds-caption-size: 13px;
  --ds-caption-line: 20px;
  --ds-metadata-size: 13px;
  --ds-metadata-line: 16px;
  --ds-reading-size: 18px;
  --ds-reading-line: 28px;
}
}
@media (max-width: 719px) {
:root {
  --ds-columns: 4;
  --ds-gutter: 24px;
  --ds-gap: 16px;
  --ds-content-max: 1440px;
  --ds-hero-size: 39px;
  --ds-hero-line: 48px;
  --ds-page-title-size: 31px;
  --ds-page-title-line: 40px;
  --ds-section-title-size: 25px;
  --ds-section-title-line: 32px;
  --ds-group-title-size: 20px;
  --ds-group-title-line: 24px;
  --ds-lead-size: 20px;
  --ds-lead-line: 32px;
  --ds-body-size: 16px;
  --ds-body-line: 24px;
  --ds-caption-size: 13px;
  --ds-caption-line: 20px;
  --ds-metadata-size: 13px;
  --ds-metadata-line: 16px;
  --ds-reading-size: 18px;
  --ds-reading-line: 28px;
  --ds-radius-panel: 16px;
  --ds-radius-image: 16px;
  --ds-radius-feature: 24px;
  --ds-radius-dialog: 24px;
}
}
@media (max-width: 359px) {
:root {
  --ds-columns: 4;
  --ds-gutter: 16px;
  --ds-gap: 16px;
  --ds-content-max: 1440px;
  --ds-hero-size: 39px;
  --ds-hero-line: 48px;
  --ds-page-title-size: 31px;
  --ds-page-title-line: 40px;
  --ds-section-title-size: 25px;
  --ds-section-title-line: 32px;
  --ds-group-title-size: 20px;
  --ds-group-title-line: 24px;
  --ds-lead-size: 20px;
  --ds-lead-line: 32px;
  --ds-body-size: 16px;
  --ds-body-line: 24px;
  --ds-caption-size: 13px;
  --ds-caption-line: 20px;
  --ds-metadata-size: 13px;
  --ds-metadata-line: 16px;
  --ds-reading-size: 18px;
  --ds-reading-line: 28px;
  --ds-radius-panel: 16px;
  --ds-radius-image: 16px;
  --ds-radius-feature: 24px;
  --ds-radius-dialog: 24px;
}
}