:root{
  --bg:#e3e8eb;
  --text:#000;
  --muted:#222;
  --accent:#000;
  --accent-hover:#000;
  --card-rgb:219,236,238;
  --card-alpha:1;
  --card:rgba(var(--card-rgb), var(--card-alpha));
  --ui-card:var(--card);
  --gallery-card:var(--card);
  --content-surface:rgba(255,255,255,.08);
  --content-overlay-rgb:255,255,255;
  --content-overlay-alpha:.08;
  --background-overlay-rgb:255,255,255;
  --background-overlay-alpha:0;
  --radius:16px;
  --panel-start:#dfecef;
  --panel-end:#d2e4e7;
  --panel-border:rgba(17,27,29,.12);
  --panel-shadow-strong:none;
  --chrome-tint-rgb:229,235,238;
  --chrome-header-alpha:.93;
  --chrome-menu-alpha:.93;
  --chrome-footer-alpha:.93;
  --header-bg:#e5ebee;
  --header-tint:rgba(229,235,238,.93);
  --footer-tint:rgba(229,235,238,.9);
  --header-shadow:none;
  --skip-text:#fff;
  --skip-border:rgba(255,255,255,.8);
  --theme-toggle-bg:rgba(229,235,238,.97);
  --theme-toggle-shadow:none;
  --theme-toggle-active-shadow:none;
}

html[data-theme="accessible"]{
  --bg:#d4dce1;
  --text:#000;
  --muted:#222;
  --accent:#000;
  --accent-hover:#000;
  --card-rgb:217,226,232;
  --card-alpha:1;
  --card:rgba(var(--card-rgb), var(--card-alpha));
  --ui-card:var(--card);
  --gallery-card:var(--card);
  --panel-start:#d5e5e9;
  --panel-end:#c9dde2;
  --panel-border:rgba(11,21,22,.12);
  --panel-shadow-strong:none;
  --chrome-tint-rgb:217,226,232;
  --chrome-header-alpha:.93;
  --chrome-menu-alpha:.93;
  --chrome-footer-alpha:.93;
  --header-bg:#d9e2e8;
  --header-tint:rgba(217,226,232,.93);
  --footer-tint:rgba(217,226,232,.9);
  --header-shadow:none;
  --theme-toggle-bg:rgba(217,226,232,.97);
  --theme-toggle-shadow:none;
  --theme-toggle-active-shadow:none;
  --background-overlay-rgb:255,255,255;
  --background-overlay-alpha:0;
}

html[data-theme="night"]{
  --bg:#050b0f;
  --text:#fff;
  --muted:#c7d2d6;
  --accent:#fff;
  --accent-hover:#fff;
  --card-rgb:8,21,25;
  --card-alpha:1;
  --card:rgba(var(--card-rgb), var(--card-alpha));
  --ui-card:var(--card);
  --gallery-card:var(--card);
  --content-surface:rgba(0,0,0,.22);
  --content-overlay-rgb:0,0,0;
  --content-overlay-alpha:.22;
  --background-overlay-rgb:0,0,0;
  --background-overlay-alpha:0;
  --radius:16px;
  --panel-start:#0b191e;
  --panel-end:#0b191e;
  --panel-border:rgba(240,251,247,.10);
  --panel-shadow-strong:none;
  --chrome-tint-rgb:3,8,12;
  --chrome-header-alpha:.9;
  --chrome-menu-alpha:.9;
  --chrome-footer-alpha:.9;
  --header-bg:#03080c;
  --header-tint:rgba(3,8,12,.9);
  --footer-tint:rgba(3,8,12,.88);
  --header-shadow:none;
  --skip-text:#04110d;
  --skip-border:rgba(0,245,165,.4);
  --theme-toggle-bg:rgba(8,13,18,.92);
  --theme-toggle-shadow:none;
  --theme-toggle-active-shadow:none;
}

@view-transition{
  navigation:auto;
}

::view-transition-old(root),
::view-transition-new(root){
  animation-duration:180ms;
  animation-timing-function:ease;
}