@layer tenant {
  .flag-badge--2nd-grade {
    --badge-background: #FFE8B8;
    --badge-color: #B35309;
    --badge-border-color: #E6B85D;
    
    &::before {
      content: "●";
      display: block;
      font-size: 0.8em;
      text-box-trim: trim-both;
    }
  }
  
  .flag-badge--exorcism-of-nixie {
    --badge-background: lch(13 35.4 31.1);
    --badge-color: lch(73 70.75 64.55);

    &::after {
      --width: 3em;
      --height: calc(var(--width) * 1.2);

      content: "";
      display: block;

      width: var(--width);
      height: var(--height);
      margin: calc(var(--height) * -1) calc(var(--width) * -1 + .5em) 0 0;
      translate: .3em 1.2em;

      background-image: var(--emby-gobo);
      background-repeat: no-repeat;
    }
  }
}

:root {
--surface-normal: oklch(0 0 0);
--surface-light: oklch(0.2 0 0);
--surface-lighter: oklch(0.3 0 0);
--surface-lightest: oklch(0.4 0 0);
--color-text-normal: oklch(1 0 0);
--color-text-muted: oklch(0.8 0 0);
--accent-normal-fg: oklch(1 0 0);
--accent-normal-bg: oklch(0.5321 0.2617 273.87);
--accent-success-fg: oklch(0.7912 0.2093 151.71);
--accent-success-bg: oklch(0.4581 0.1157 151.71);
--accent-warning-fg: oklch(0.7756 0.1783 62.57);
--accent-warning-bg: oklch(0.4729 0.1003 62.57);
--accent-error-fg: oklch(0 0 0);
--accent-error-bg: oklch(0 0 0);
}