@layer base {
  :root {
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    --font-sans:
      'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
      Roboto, 'Helvetica Neue', Arial, sans-serif;
  }

  .dark {
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
    --font-sans:
      'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
      Roboto, 'Helvetica Neue', Arial, sans-serif;
  }

  html {
    font-family: var(--font-sans);
  }
}

i {
  --un-text-opacity: 1;
  color: hsl(var(--foreground) / var(--un-text-opacity));
}

* {
  @apply border-border;
  font-family: var(--font-sans);
}

body {
  @apply bg-background text-foreground;
  font-family: var(--font-sans);
}

@font-face {
  font-family: 'HK_ENG_11';
  src: url('/font/HK_ENG.TTF');
}

@font-face {
  font-family: 'HK_ENG_11 HK_ENG_11';
  src: url('/font/HK_ENG.TTF');
}

@font-face {
  font-family: 'Arial';
  src: url('/font/ARIAL.TTF');
}

@font-face {
  font-family: 'Arial';
  font-weight: bold;
  src: url('/font/ARIALBD.TTF');
}

@font-face {
  font-family: 'Arial';
  font-weight: bold;
  font-style: italic;
  src: url('/font/ARIALBI.TTF');
}

@font-face {
  font-family: 'CYanHeiHK';
  src: url('/font/CYANHEIHK-REGULAR.OTF') format('opentype');
}

@font-face {
  font-family: 'CYanHeiHK';
  font-weight: 300;
  src: url('/font/CYANHEIHK-LIGHT.OTF') format('opentype');
}

@font-face {
  font-family: 'CYanHeiHK';
  font-weight: bold;
  src: url('/font/CYANHEIHK-BOLD.OTF') format('opentype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  src: url('/font/SOURCEHANSANSSC-REGULAR.OTF') format('opentype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 300;
  src: url('/font/SOURCEHANSANSSC-LIGHT') format('opentype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: 500;
  src: url('/font/SOURCEHANSANSSC-MEDIUM.OTF') format('opentype');
}

@font-face {
  font-family: 'Source Han Sans SC';
  font-weight: bold;
  src: url('/font/SOURCEHANSANSSC-BOLD.OTF') format('opentype');
}

@font-face {
  font-family: 'Tahoma';
  src: url('/font/TAHOMA.TTF');
}

@font-face {
  font-family: 'Microsoft Sans Serif';
  src: url('/font/MICROSS.TTF');
}

@font-face {
  font-family: 'PMingLiU';
  src: url('/font/MINGLIU.TTC');
}

@font-face {
  font-family: 'Roboto';
  src: url('/font/Roboto-Regular.ttf');
}
