/* Generated from brandTokens.json. Draft for approval. Do not edit by hand. */
:root {
  --brandPrimary: #164C40;
  --brandStrong: #0E3931;
  --brandSoft: #E7F0EA;
  --accentPrimary: #D8EF93;
  --surfaceCanvas: #F7F8F2;
  --surfaceRaised: #FFFFFF;
  --surfaceSubtle: #EDF1EC;
  --textPrimary: #172B26;
  --textSecondary: #53665E;
  --textOnBrand: #FFFFFF;
  --textOnAccent: #172B26;
  --borderSubtle: #D9E2DB;
  --borderControl: #73877E;
  --linkText: #176957;
  --focusRing: #315ED3;
  --focusGap: #FFFFFF;
  --successText: #226140;
  --successSurface: #E7F3E9;
  --warningText: #7B4A07;
  --warningSurface: #FFF1CF;
  --criticalText: #A12737;
  --criticalSurface: #FDECEE;
  --informationText: #205A89;
  --informationSurface: #E9F2FC;
  --selectedText: #164C40;
  --selectedSurface: #E7F0EA;
  --disabledText: #53665E;
  --disabledSurface: #EDF1EC;
  --fontFamilyInterface: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --spaceMicro: 4px;
  --spaceTight: 8px;
  --spaceCompact: 12px;
  --spaceStandard: 16px;
  --spaceRelaxed: 24px;
  --spaceSpacious: 32px;
  --spaceSection: 48px;
  --spaceHero: 72px;
  --radiusSmall: 6px;
  --radiusControl: 10px;
  --radiusCard: 16px;
  --radiusFeature: 24px;
  --contentMaximumWidth: 1200px;
  --mobileMinimumViewport: 360px;
  --mobilePageGutter: 16px;
  --tabletPageGutter: 24px;
  --desktopPageGutter: 32px;
  --controlMinimumHeight: 44px;
  --iconDefaultSize: 24px;
  --motionFast: 120ms;
  --motionStandard: 180ms;
  --motionEmphasis: 240ms;
  --motionReduced: 0ms;
  --motionEasing: cubic-bezier(0.2, 0, 0, 1);
  --displayFontSize: 64px;
  --displayLineHeight: 68px;
  --displayFontWeight: 600;
  --displayLetterSpacing: -0.035em;
  --displayParagraphSpaceAfter: 24px;
  --headingOneFontSize: 48px;
  --headingOneLineHeight: 56px;
  --headingOneFontWeight: 600;
  --headingOneLetterSpacing: -0.03em;
  --headingOneParagraphSpaceAfter: 24px;
  --headingTwoFontSize: 32px;
  --headingTwoLineHeight: 40px;
  --headingTwoFontWeight: 600;
  --headingTwoLetterSpacing: -0.025em;
  --headingTwoParagraphSpaceAfter: 16px;
  --headingThreeFontSize: 24px;
  --headingThreeLineHeight: 32px;
  --headingThreeFontWeight: 600;
  --headingThreeLetterSpacing: -0.015em;
  --headingThreeParagraphSpaceAfter: 12px;
  --bodyFontSize: 16px;
  --bodyLineHeight: 26px;
  --bodyFontWeight: 400;
  --bodyLetterSpacing: 0em;
  --bodyParagraphSpaceAfter: 16px;
  --labelFontSize: 14px;
  --labelLineHeight: 20px;
  --labelFontWeight: 600;
  --labelLetterSpacing: 0em;
  --labelParagraphSpaceAfter: 8px;
  --smallFontSize: 14px;
  --smallLineHeight: 20px;
  --smallFontWeight: 400;
  --smallLetterSpacing: 0em;
  --smallParagraphSpaceAfter: 8px;
  --numericFontSize: 32px;
  --numericLineHeight: 40px;
  --numericFontWeight: 600;
  --numericLetterSpacing: -0.02em;
  --numericParagraphSpaceAfter: 8px;
  --dataFontSize: 16px;
  --dataLineHeight: 24px;
  --dataFontWeight: 500;
  --dataLetterSpacing: 0em;
  --dataParagraphSpaceAfter: 8px;
}
[data-bs-theme="dark"] {
  --brandPrimary: #B8D8C4;
  --brandStrong: #D4E7DA;
  --brandSoft: #244A3D;
  --accentPrimary: #D8EF93;
  --surfaceCanvas: #101F1A;
  --surfaceRaised: #182E25;
  --surfaceSubtle: #203B30;
  --textPrimary: #F2F6F1;
  --textSecondary: #B5C5BA;
  --textOnBrand: #172B26;
  --textOnAccent: #172B26;
  --borderSubtle: #355046;
  --borderControl: #829A8B;
  --linkText: #A6D9C1;
  --focusRing: #AFC2FF;
  --focusGap: #101F1A;
  --successText: #A9DCB9;
  --successSurface: #193C2B;
  --warningText: #F2CF84;
  --warningSurface: #3E3018;
  --criticalText: #FFB5BE;
  --criticalSurface: #45242A;
  --informationText: #B3D5FF;
  --informationSurface: #20374A;
  --selectedText: #D4E7DA;
  --selectedSurface: #244A3D;
  --disabledText: #B5C5BA;
  --disabledSurface: #203B30;
}
@media (max-width: 767px) {
  :root {
    --displayFontSize: 40px;
    --displayLineHeight: 44px;
    --headingOneFontSize: 32px;
    --headingOneLineHeight: 40px;
    --headingTwoFontSize: 26px;
    --headingTwoLineHeight: 34px;
    --headingThreeFontSize: 20px;
    --headingThreeLineHeight: 28px;
    --bodyFontSize: 16px;
    --bodyLineHeight: 24px;
    --labelFontSize: 14px;
    --labelLineHeight: 20px;
    --smallFontSize: 14px;
    --smallLineHeight: 20px;
    --numericFontSize: 28px;
    --numericLineHeight: 36px;
    --dataFontSize: 16px;
    --dataLineHeight: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --motionFast: 0ms; --motionStandard: 0ms; --motionEmphasis: 0ms; }
}