codecheck

1
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
2

3
:root {
4
  --color-primary: #3b82f6;
5
  --color-danger: #f87171;
6
  --color-warning: #facc15;
7
  --color-success: #22c55e;
8

9
  --color-bg-primary: #ffffff;
10
  --color-bg-secondary: #363636;
11
  --color-bg-third: #f4f4f4;
12

13
  --color-text-primary: #000000;
14
  --color-text-secondary: #ffffff;
15
  --color-text-link: #6b7280;
16

17
  --color-border-primary: #e5e7eb;
18

19
  --width-container: 1224px;
20
  --border-radius: 0.375rem;
21

22
  --p-anchor-gutter: 4px;
23
}
24

25
body {
26
  font-family: "Rubik";
27
  background: var(--color-bg-primary);
28
  margin: 0;
29
}
30
@layer reset {
31
  * {
32
    padding: 0;
33
    margin: 0;
34
    box-sizing: border-box;
35
  }
36
  html {
37
    height: 100%;
38
  }
39
  button {
40
    background: none;
41
    border: none;
42
    cursor: pointer;
43
  }
44

45
  a {
46
    text-decoration: none;
47
    color: var(--color-text-primary);
48
  }
49

50
  button,
51
  input,
52
  optgroup,
53
  select,
54
  textarea {
55
    font-family: inherit;
56
    font-size: 100%;
57
    line-height: 1.15;
58
    margin: 0;
59
  }
60

61
  button,
62
  input {
63
    overflow: visible;
64
  }
65

66
  button,
67
  select {
68
    text-transform: none;
69
  }
70

71
  button::-moz-focus-inner,
72
  [type="button"]::-moz-focus-inner,
73
  [type="reset"]::-moz-focus-inner,
74
  [type="submit"]::-moz-focus-inner {
75
    border-style: none;
76
    padding: 0;
77
  }
78

79
  button:-moz-focusring,
80
  [type="button"]:-moz-focusring,
81
  [type="reset"]:-moz-focusring,
82
  [type="submit"]:-moz-focusring {
83
    outline: 1px dotted ButtonText;
84
  }
85
}
86