* {
  /* color variables names taken from Omicron Pallet (for reference) */
  --french-blue-15: #0b335b;
  --french-blue-55: #2485e5;

  --omicron-yellow: #f5e214;

  --slate-0: #121417; /* L* ≈ 7% */
  --slate-5: #1a1e23; /* L* ≈ 10% */
  --slate-25: #3d4651; /* L* ≈ 26% */
  --slate-30: #46505d; /* L* ≈ 30% */
  --slate-65: #8b97a7; /* L* ≈ 58% */
  --slate-70: #96a1b0; /* L* ≈ 62% */
  --slate-110: #f3f5f6; /* L* ≈ 94% */
  --error: #dc322f;
}

* {
  --oscd-theme-primary: var(--french-blue-15);
  --oscd-theme-secondary: var(--french-blue-55);
  --oscd-theme-error: var(--oscd-theme-error, #dc322f);
  --oscd-theme-base03: var(--slate-0);
  --oscd-theme-base02: var(--slate-5);
  --oscd-theme-base01: var(--slate-25);
  --oscd-theme-base00: var(--slate-30);
  --oscd-theme-base0: var(--slate-65);
  --oscd-theme-base1: var(--slate-70);
  --oscd-theme-base2: var(--slate-110);
  --oscd-theme-base3: white;

  --oscd-shell-app-bar-icon-height: 24px;
}

* {
  margin: 0px;
  padding: 0px;
}

:root {
  /* SHOULD have been 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 */

  --oscd-error: var(--oscd-theme-error, #dc322f);

  --oscd-text-font: var(--oscd-theme-text-font, "Roboto");
  --oscd-icon-font: var(--oscd-theme-icon-font, "Material Symbols Outlined");
  --oscd-text-font-mono: var(--oscd-theme-text-font-mono, "Roboto Mono");

  --oscd-warning: var(--oscd-theme-warning, #b58900);
  --md-sys-color-primary: var(--oscd-theme-primary);
  --md-sys-color-on-primary: var(--oscd-theme-base3);

  --md-sys-color-secondary: var(--oscd-theme-secondary);
  --md-sys-color-on-secondary: var(--oscd-theme-base3);
  --md-sys-color-secondary-container: var(--oscd-theme-base2);

  --md-sys-color-surface: var(--oscd-theme-base3);
  --md-sys-color-on-surface: var(--oscd-theme-base00);
  --md-sys-color-surface-variant: var(--oscd-theme-base3);
  --md-sys-color-on-surface-variant: var(--oscd-theme-base00);
  --md-sys-color-surface-bright: var(--oscd-theme-base2);
  --md-sys-color-surface-container: var(--oscd-theme-base3);
  --md-sys-color-surface-container-high: var(--oscd-theme-base3);
  --md-sys-color-surface-container-highest: var(--oscd-theme-base3);

  --md-sys-color-outline-variant: var(--oscd-theme-primary);
  --md-sys-color-scrim: #000000;
  --md-sys-color-error: var(--oscd-theme-error);
  --md-sys-color-on-error: var(--oscd-theme-base3);

  /* --md-menu-item-selected-label-text-color: var(--oscd-theme-base01); */
  --md-icon-button-disabled-icon-color: var(--oscd-theme-base3);

  /* MDC Theme Colors 
       * Needed for supporting any pluggins still using the depricated MWC Components
       */
  --mdc-theme-primary: var(--oscd-theme-primary);
  --mdc-theme-secondary: var(--oscd-theme-secondary);
  --mdc-theme-background: var(--oscd-theme-base3);
  --mdc-theme-surface: var(--oscd-theme-base3);
  --mdc-theme-on-primary: var(--oscd-theme-base2);
  --mdc-theme-on-secondary: var(--oscd-theme-base2);
  --mdc-theme-on-background: var(--oscd-theme-base00);
  --mdc-theme-on-surface: var(--oscd-theme-base00);
  --mdc-theme-text-primary-on-background: var(--oscd-theme-base01);
  --mdc-theme-text-secondary-on-background: var(--oscd-theme-base00);
  --mdc-theme-text-icon-on-background: var(--oscd-theme-base00);
  --mdc-theme-error: var(--oscd-theme-error);
  --mdc-button-disabled-ink-color: var(--oscd-theme-base1);
  --mdc-drawer-heading-ink-color: var(--oscd-theme-base00);
  --mdc-dialog-heading-ink-color: var(--oscd-theme-base00);
  --mdc-text-field-fill-color: var(--oscd-theme-base2);
  --mdc-text-field-disabled-fill-color: var(--oscd-theme-base3);
  --mdc-text-field-ink-color: var(--oscd-theme-base00);
  --mdc-text-field-label-ink-color: var(--oscd-theme-base00);
  --mdc-text-field-idle-line-color: var(--oscd-theme-base00);
  --mdc-text-field-hover-line-color: var(--oscd-theme-base02);
  --mdc-select-fill-color: var(--oscd-theme-base2);
  --mdc-select-disabled-fill-color: var(--oscd-theme-base3);
  --mdc-select-ink-color: var(--oscd-theme-base00);
  --mdc-select-label-ink-color: var(--oscd-theme-base00);
  --mdc-select-idle-line-color: var(--oscd-theme-base00);
  --mdc-select-hover-line-color: var(--oscd-theme-base02);
  --mdc-select-dropdown-icon-color: var(--oscd-theme-base01);
  --mdc-typography-font-family: var(--oscd-text-font);
  --mdc-icon-font: var(--oscd-icon-font);
  --mdc-theme-text-disabled-on-light: rgba(255, 255, 255, 0.38);
}

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