1
@import "tailwindcss";
2
@import "./fonts.css";
3
@import "./theme.css";
4
 
5
@custom-variant dark (&:is(.dark *));
6
 
7
@layer base {
8
  html {
9
    color-scheme: dark;
10
  }
11
 
12
  html,
13
  body {
14
    min-height: 100vh;
15
  }
16
 
17
  #root {
18
    min-height: 100vh;
19
  }
20
 
21
  body {
22
    @apply bg-canvas text-zinc-100 antialiased;
23
    font-weight: 450;
24
    font-feature-settings:
25
      "ss01" on,
26
      "cv01" on;
27
  }
28
 
29
  button:not(:disabled),
30
  a,
31
  select,
32
  summary,
33
  [role="button"] {
34
    cursor: pointer;
35
  }
36
 
37
  *:focus-visible {
38
    @apply outline-none ring-2 ring-accent-500/50 ring-offset-2 ring-offset-canvas;
39
  }
40
 
41
  ::selection {
42
    @apply bg-accent-500/[0.28] text-accent-50;
43
  }
44
}