/* Redesign (Beta 2): the three looks from the ripa design kit (src/ripa-tokens.css) applied to the app.
   The app's components already read the Glacier tokens (--g-*), so each look only redefines those tokens.
   Generated values; data colours (avalanche, steepness, weather, legends) are not touched.
   html[data-theme] is set before first paint by the inline snippet in index.html (src/theme.js keeps it in sync).
   No data-theme attribute = the Glacier palette as before. Display only, no network. */
/* Granit */
html[data-theme="g"]{
  color-scheme:dark;
  --g-base:#171E22;
  --g-surface:#212B31;
  --g-raised:#2A353C;
  --g-pressed:#22343C;
  --g-ink:#FFFFFF;
  --g-muted:#A2AFB6;
  --g-accent:#93D2E6;
  --g-on-accent:#171E22;
  --g-line:#2E3A41;
  --g-edge:rgba(255,255,255,.08);
  --g-glass:rgba(23,30,34,0.94);
  --g-shadow:#000000;
  --g-danger:#FF7B6E;
  --g-warning:#F2B26B;
  --g-success:#6FD39B;
  --g-purple:#C9A2E6;
  --font-headline:var(--ripa-font-display);
  --ripa-navy:#FFFFFF;
  --g-base-rgb:23,30,34;
  --g-surface-rgb:33,43,49;
  --g-raised-rgb:42,53,60;
  --g-pressed-rgb:34,52,60;
  --g-ink-rgb:255,255,255;
  --g-muted-rgb:162,175,182;
  --g-accent-rgb:147,210,230;
  --g-on-accent-rgb:23,30,34;
  --g-shadow-rgb:0,0,0;
}
/* Blå himmel */
html[data-theme="b"]{
  color-scheme:light;
  --g-base:#F2F5F7;
  --g-surface:#FFFFFF;
  --g-raised:#EAF0F4;
  --g-pressed:#E2EFF9;
  --g-ink:#12202C;
  --g-muted:#566572;
  --g-accent:#1F6FA8;
  --g-on-accent:#FFFFFF;
  --g-line:#E1E7EC;
  --g-edge:rgba(255,255,255,.74);
  --g-glass:rgba(255,255,255,0.96);
  --g-shadow:#12202C;
  --g-danger:#B8251D;
  --g-warning:#9A4A12;
  --g-success:#176b47;
  --g-purple:#6d428a;
  --font-headline:var(--ripa-font-display);
  --ripa-navy:#12202C;
  --g-base-rgb:242,245,247;
  --g-surface-rgb:255,255,255;
  --g-raised-rgb:234,240,244;
  --g-pressed-rgb:226,239,249;
  --g-ink-rgb:18,32,44;
  --g-muted-rgb:86,101,114;
  --g-accent-rgb:31,111,168;
  --g-on-accent-rgb:255,255,255;
  --g-shadow-rgb:18,32,44;
}
/* Snöblind */
html[data-theme="s"]{
  color-scheme:light;
  --g-base:#F6F8F9;
  --g-surface:#FFFFFF;
  --g-raised:#EEF2F5;
  --g-pressed:#E4F0FA;
  --g-ink:#0E1A24;
  --g-muted:#56636E;
  --g-accent:#1F6FA8;
  --g-on-accent:#FFFFFF;
  --g-line:#E1E7EC;
  --g-edge:rgba(255,255,255,.74);
  --g-glass:rgba(255,255,255,0.97);
  --g-shadow:#0E1A24;
  --g-danger:#B8251D;
  --g-warning:#9A4A12;
  --g-success:#176b47;
  --g-purple:#6d428a;
  --font-headline:var(--ripa-font-display);
  --ripa-navy:#0E1A24;
  --g-base-rgb:246,248,249;
  --g-surface-rgb:255,255,255;
  --g-raised-rgb:238,242,245;
  --g-pressed-rgb:228,240,250;
  --g-ink-rgb:14,26,36;
  --g-muted-rgb:86,99,110;
  --g-accent-rgb:31,111,168;
  --g-on-accent-rgb:255,255,255;
  --g-shadow-rgb:14,26,36;
}
@media (prefers-color-scheme: light){html[data-theme="auto"]{
  color-scheme:light;
  --g-base:#F6F8F9;
  --g-surface:#FFFFFF;
  --g-raised:#EEF2F5;
  --g-pressed:#E4F0FA;
  --g-ink:#0E1A24;
  --g-muted:#56636E;
  --g-accent:#1F6FA8;
  --g-on-accent:#FFFFFF;
  --g-line:#E1E7EC;
  --g-edge:rgba(255,255,255,.74);
  --g-glass:rgba(255,255,255,0.97);
  --g-shadow:#0E1A24;
  --g-danger:#B8251D;
  --g-warning:#9A4A12;
  --g-success:#176b47;
  --g-purple:#6d428a;
  --font-headline:var(--ripa-font-display);
  --ripa-navy:#0E1A24;
  --g-base-rgb:246,248,249;
  --g-surface-rgb:255,255,255;
  --g-raised-rgb:238,242,245;
  --g-pressed-rgb:228,240,250;
  --g-ink-rgb:14,26,36;
  --g-muted-rgb:86,99,110;
  --g-accent-rgb:31,111,168;
  --g-on-accent-rgb:255,255,255;
  --g-shadow-rgb:14,26,36;
}}
@media (prefers-color-scheme: dark){html[data-theme="auto"]{
  color-scheme:dark;
  --g-base:#171E22;
  --g-surface:#212B31;
  --g-raised:#2A353C;
  --g-pressed:#22343C;
  --g-ink:#FFFFFF;
  --g-muted:#A2AFB6;
  --g-accent:#93D2E6;
  --g-on-accent:#171E22;
  --g-line:#2E3A41;
  --g-edge:rgba(255,255,255,.08);
  --g-glass:rgba(23,30,34,0.94);
  --g-shadow:#000000;
  --g-danger:#FF7B6E;
  --g-warning:#F2B26B;
  --g-success:#6FD39B;
  --g-purple:#C9A2E6;
  --font-headline:var(--ripa-font-display);
  --ripa-navy:#FFFFFF;
  --g-base-rgb:23,30,34;
  --g-surface-rgb:33,43,49;
  --g-raised-rgb:42,53,60;
  --g-pressed-rgb:34,52,60;
  --g-ink-rgb:255,255,255;
  --g-muted-rgb:162,175,182;
  --g-accent-rgb:147,210,230;
  --g-on-accent-rgb:23,30,34;
  --g-shadow-rgb:0,0,0;
}}