@media (prefers-color-scheme: light) {
  * {
    --oscd-theme-primary: rgb(101 85 143);
    --oscd-theme-secondary: rgb(98 91 113);
    --oscd-theme-error: rgb(179 38 30);

    --oscd-theme-base03: rgb(29 27 32);
    --oscd-theme-base02: rgb(29 27 32);
    --oscd-theme-base01: rgb(73 69 79);
    --oscd-theme-base00: rgb(121 116 126);
    --oscd-theme-base0: rgb(125 82 96);
    --oscd-theme-base1: rgb(231 224 236);
    --oscd-theme-base2: rgb(254 247 255);
    --oscd-theme-base3: rgb(254 247 255);
  }
}

@media (prefers-color-scheme: dark) {
  * {
    --oscd-theme-primary: rgb(208 188 254);
    --oscd-theme-secondary: rgb(204 194 220);
    --oscd-theme-error: rgb(242 184 181);

    --oscd-theme-base3: rgb(230 224 233);
    --oscd-theme-base2: rgb(230 224 233);
    --oscd-theme-base1: rgb(202 196 208);
    --oscd-theme-base0: rgb(239 184 200);
    --oscd-theme-base00: rgb(121 116 126);
    --oscd-theme-base01: rgb(73 69 79);
    --oscd-theme-base02: rgb(20 18 24);
    --oscd-theme-base03: rgb(20 18 24);
  }
}

* {
  --primary: var(--oscd-theme-primary);
  --secondary: var(--oscd-theme-secondary);

  --oscd-theme-text-font: "Roboto";
  --oscd-theme-icon-font: "Material Symbols Outlined";

  margin: 0px;
  padding: 0px;
}

:root {
  /* built with Figma plugin as per guidance for Material Web Components */
  /* see https://github.com/material-components/material-web/blob/main/docs/theming/color.md */
  --md-sys-color-primary: rgb(101 85 143);
  --md-sys-color-surface-tint: rgb(103 80 164);
  --md-sys-color-on-primary: rgb(255 255 255);
  --md-sys-color-primary-container: rgb(234 221 255);
  --md-sys-color-on-primary-container: rgb(33 0 93);
  --md-sys-color-secondary: rgb(98 91 113);
  --md-sys-color-on-secondary: rgb(255 255 255);
  --md-sys-color-secondary-container: rgb(232 222 248);
  --md-sys-color-on-secondary-container: rgb(29 25 43);
  --md-sys-color-tertiary: rgb(125 82 96);
  --md-sys-color-on-tertiary: rgb(255 255 255);
  --md-sys-color-tertiary-container: rgb(255 216 228);
  --md-sys-color-on-tertiary-container: rgb(49 17 29);
  --md-sys-color-error: rgb(179 38 30);
  --md-sys-color-on-error: rgb(255 255 255);
  --md-sys-color-error-container: rgb(249 222 220);
  --md-sys-color-on-error-container: rgb(65 14 11);
  --md-sys-color-background: rgb(254 247 255);
  --md-sys-color-on-background: rgb(29 27 32);
  --md-sys-color-surface: rgb(254 247 255);
  --md-sys-color-on-surface: rgb(29 27 32);
  --md-sys-color-surface-variant: rgb(231 224 236);
  --md-sys-color-on-surface-variant: rgb(73 69 79);
  --md-sys-color-outline: rgb(121 116 126);
  --md-sys-color-outline-variant: rgb(202 196 208);
  --md-sys-color-shadow: rgb(0 0 0);
  --md-sys-color-scrim: rgb(0 0 0);
  --md-sys-color-inverse-surface: rgb(50 47 53);
  --md-sys-color-inverse-on-surface: rgb(245 239 247);
  --md-sys-color-inverse-primary: rgb(208 188 255);
  --md-sys-color-primary-fixed: rgb(234 221 255);
  --md-sys-color-on-primary-fixed: rgb(33 0 93);
  --md-sys-color-primary-fixed-dim: rgb(208 188 255);
  --md-sys-color-on-primary-fixed-variant: rgb(79 55 139);
  --md-sys-color-secondary-fixed: rgb(232 222 248);
  --md-sys-color-on-secondary-fixed: rgb(29 25 43);
  --md-sys-color-secondary-fixed-dim: rgb(204 194 220);
  --md-sys-color-on-secondary-fixed-variant: rgb(74 68 88);
  --md-sys-color-tertiary-fixed: rgb(255 216 228);
  --md-sys-color-on-tertiary-fixed: rgb(49 17 29);
  --md-sys-color-tertiary-fixed-dim: rgb(239 184 200);
  --md-sys-color-on-tertiary-fixed-variant: rgb(99 59 72);
  --md-sys-color-surface-dim: rgb(222 216 225);
  --md-sys-color-surface-bright: rgb(254 247 255);
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
  --md-sys-color-surface-container-low: rgb(247 242 250);
  --md-sys-color-surface-container: rgb(243 237 247);
  --md-sys-color-surface-container-high: rgb(236 230 240);
  --md-sys-color-surface-container-highest: rgb(230 224 233);
}

abbr {
  text-decoration: none;
  border-bottom: none;
}