/* Generated by tool/build_site.dart from common. Do not edit. */
:root {
  color-scheme: light;
  --static-bgPage: #212b46;
  --static-bgPanel: #0d1f33;
  --static-bgChart: #0a1929;
  --static-bgDayBanner: #122840;
  --static-bgCard: #192839;
  --static-bgField: #1e2d3f;
  --static-bgSection: #253448;
  --static-surface: #2e3d56;
  --static-surface2: #3e4e65;
  --static-overlay: #3a4a60;
  --static-border: #2a4761;
  --static-borderSoft: #2a3c55;
  --static-borderPanel: #1e3a56;
  --static-divider: #1a3050;
  --static-textPrimary: #e6edf3;
  --static-textSecondary: #a9b6c3;
  --static-textTertiary: #9ba8b5;
  --static-textMuted: #a1afbf;
  --static-textHint: #b7c5d6;
  --static-textDisabled: #55626f;
  --static-iconMuted: #7d90a6;
  --static-accent: #eeb860;
  --static-accentLight: #f5d6a3;
  --static-blue: #7ab7e0;
  --static-green: #76c893;
  --static-red: #bb5162;
  --static-redBright: #e05050;
  --static-redMuted: #e07070;
  --static-amber: #e0b040;
  --static-amberDark: #d4a030;
  --static-warning: #e8900a;
  --static-purple: #b07fee;
  --static-mapPin: #8e24aa;
  --static-bgSuccess: #1a3a1a;
  --static-borderSuccess: #2a5c2a;
  --static-greenAction: #2a8a5a;
  --static-onAccent: #0d1829;
  --static-illustrationText: #e7eaee;
  --static-legendFreezingLevel: #c0392b;
  --static-legendIsotherm: #d67e72;
  --static-legendAltitude: #4a7a9b;
  --static-legendUpdraftFill: #7b1fa8;
  --static-legendSubsidence: #b07a4f;
  --static-legendPrecipitation: #2e8b4f;
  --static-heroGradientDark0: #07101f;
  --static-heroGradientDark1: #0e1e35;
  --static-heroGradientDark2: #152840;
  --static-heroGradientLight0: #0f2740;
  --static-heroGradientLight1: #173654;
  --static-heroGradientLight2: #1a3d60;
  --static-legendHumidity0: #d4ecd3;
  --static-legendHumidity1: #9ed49f;
  --static-legendHumidity2: #5bae5c;
  --static-legendUpdraftLines0: #8e6fd6;
  --static-legendUpdraftLines1: #7b1fa8;
  --static-legendUpdraftLines2: #e01a66;
  --wx-kSun: #ffbb1a;
  --wx-kMoon: #7283a7;
  --wx-kCloud: #7283a7;
  --wx-kFog: #768ca3;
  --wx-kRain: #4a90cc;
  --wx-kIceRain: #47a3d2;
  --wx-kSnow: #3e8cda;
  --wx-kStorm: #dac63f;
  --bgPage: #eff3f8;
  --bgPanel: #ffffff;
  --bgChart: #eef3f8;
  --bgDayBanner: #dde6f0;
  --bgCard: #f5f8fc;
  --bgField: #e8eef5;
  --bgSection: #d8e4ee;
  --surface: #e2eaf2;
  --surface2: #ced9e8;
  --overlay: #b8c8d8;
  --border: #a8bcce;
  --borderField: #6e8295;
  --borderSoft: #bacbda;
  --borderPanel: #9aafbf;
  --divider: #cdd8e4;
  --textPrimary: #0f1820;
  --textSecondary: #364858;
  --textTertiary: #526070;
  --textMuted: #556371;
  --textHint: #586774;
  --textDisabled: #8898a8;
  --iconMuted: #627282;
  --accent: #a85400;
  --accentLight: #c06c20;
  --onAccent: #ffffff;
  --blue: #1860a8;
  --green: #15683c;
  --red: #8c2840;
  --redBright: #aa2828;
  --redMuted: #9a3838;
  --amber: #9a5800;
  --amberDark: #7a4400;
  --warning: #8a5000;
  --logo-bg: #eef3fa;
  --logo-dim: #c8d5e4;
  --logo-amber: #a85400;
  --logo-cream: #c06c20;
  --hero-0: var(--static-heroGradientLight0);
  --hero-1: var(--static-heroGradientLight1);
  --hero-2: var(--static-heroGradientLight2);
}
@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    color-scheme: dark;
    --wx-kSun: #ffd060;
    --wx-kMoon: #8090b0;
    --wx-kCloud: #8090b0;
    --wx-kFog: #9aaabb;
    --wx-kRain: #4a90cc;
    --wx-kIceRain: #80c0e0;
    --wx-kSnow: #b0d0f0;
    --wx-kStorm: #e0d060;
    --bgPage: #212b46;
    --bgPanel: #0d1f33;
    --bgChart: #0a1929;
    --bgDayBanner: #122840;
    --bgCard: #192839;
    --bgField: #1e2d3f;
    --bgSection: #253448;
    --surface: #2e3d56;
    --surface2: #3e4e65;
    --overlay: #3a4a60;
    --border: #2a4761;
    --borderField: #7d90a6;
    --borderSoft: #2a3c55;
    --borderPanel: #1e3a56;
    --divider: #1a3050;
    --textPrimary: #e6edf3;
    --textSecondary: #a9b6c3;
    --textTertiary: #9ba8b5;
    --textMuted: #a1afbf;
    --textHint: #b7c5d6;
    --textDisabled: #55626f;
    --iconMuted: #7d90a6;
    --accent: #eeb860;
    --accentLight: #f5d6a3;
    --onAccent: #0d1829;
    --blue: #7ab7e0;
    --green: #76c893;
    --red: #bb5162;
    --redBright: #e05050;
    --redMuted: #e07070;
    --amber: #e0b040;
    --amberDark: #d4a030;
    --warning: #e8900a;
    --logo-bg: #212b46;
    --logo-dim: #3e4e65;
    --logo-amber: #eeb860;
    --logo-cream: #f5d6a3;
    --hero-0: var(--static-heroGradientDark0);
    --hero-1: var(--static-heroGradientDark1);
    --hero-2: var(--static-heroGradientDark2);
  }
}
:root.dark {
  color-scheme: dark;
  --wx-kSun: #ffd060;
  --wx-kMoon: #8090b0;
  --wx-kCloud: #8090b0;
  --wx-kFog: #9aaabb;
  --wx-kRain: #4a90cc;
  --wx-kIceRain: #80c0e0;
  --wx-kSnow: #b0d0f0;
  --wx-kStorm: #e0d060;
  --bgPage: #212b46;
  --bgPanel: #0d1f33;
  --bgChart: #0a1929;
  --bgDayBanner: #122840;
  --bgCard: #192839;
  --bgField: #1e2d3f;
  --bgSection: #253448;
  --surface: #2e3d56;
  --surface2: #3e4e65;
  --overlay: #3a4a60;
  --border: #2a4761;
  --borderField: #7d90a6;
  --borderSoft: #2a3c55;
  --borderPanel: #1e3a56;
  --divider: #1a3050;
  --textPrimary: #e6edf3;
  --textSecondary: #a9b6c3;
  --textTertiary: #9ba8b5;
  --textMuted: #a1afbf;
  --textHint: #b7c5d6;
  --textDisabled: #55626f;
  --iconMuted: #7d90a6;
  --accent: #eeb860;
  --accentLight: #f5d6a3;
  --onAccent: #0d1829;
  --blue: #7ab7e0;
  --green: #76c893;
  --red: #bb5162;
  --redBright: #e05050;
  --redMuted: #e07070;
  --amber: #e0b040;
  --amberDark: #d4a030;
  --warning: #e8900a;
  --logo-bg: #212b46;
  --logo-dim: #3e4e65;
  --logo-amber: #eeb860;
  --logo-cream: #f5d6a3;
  --hero-0: var(--static-heroGradientDark0);
  --hero-1: var(--static-heroGradientDark1);
  --hero-2: var(--static-heroGradientDark2);
}