···

       
12
       
 
       
  --bg-light: #cbcdcd;

     

       
13
       
 
       
  --text: #41474e;

     

       
14
       
 
       
  --text-light: #646868;

     

       
15
       
-
       
  --accent: #d26878;

     

       
16
       
 
       
  --accent-light: #e08f67;

     

       
17
       
 
       
  --accent-text: var(--bg);

     

       
18
       
 
       
  --border: #646868;

     

       
19
       
-
       
  --link: #5690af;

     

       
20
       
 
       
}

     

       
21
       
 
       


     

       
22
       
 
       
/* theme media queries */

     
···

       
32
       
 
       
    --accent-light: #87c9e5;

     

       
33
       
 
       
    --accent-text: var(--bg);

     

       
34
       
 
       
    --border: #dbd5bc;

     

       
35
       
-
       
    --link: #e2aea2;

     

       
36
       
 
       
  }

     

       
37
       
 
       
  img,

     

       
38
       
 
       
  video {

     
···

       
48
       
 
       
    --bg-light: #cbcdcd;

     

       
49
       
 
       
    --text: #41474e;

     

       
50
       
 
       
    --text-light: #646868;

     

       
51
       
-
       
    --accent: #d26878;

     

       
52
       
 
       
    --accent-light: #e08f67;

     

       
53
       
 
       
    --accent-text: var(--bg);

     

       
54
       
 
       
    --border: #646868;

     

       
55
       
-
       
    --link: #5690af;

     

       
56
       
 
       
  }

     

       
57
       
 
       
}

     

       
58
       
 
       


     
···

       
67
       
 
       
  --accent-light: #e08f67;

     

       
68
       
 
       
  --accent-text: var(--bg);

     

       
69
       
 
       
  --border: #646868;

     

       
70
       
-
       
  --link: #b74900;

     

       
71
       
 
       
}

     

       
72
       
 
       


     

       
73
       
 
       
[data-theme="dark"] {

     

···

       
12
       
 
       
  --bg-light: #cbcdcd;

     

       
13
       
 
       
  --text: #41474e;

     

       
14
       
 
       
  --text-light: #646868;

     

       
15
       
+
       
  --accent: #58310ac5;

     

       
16
       
 
       
  --accent-light: #e08f67;

     

       
17
       
 
       
  --accent-text: var(--bg);

     

       
18
       
 
       
  --border: #646868;

     

       
19
       
+
       
  --link: #573819c5;

     

       
20
       
 
       
}

     

       
21
       
 
       


     

       
22
       
 
       
/* theme media queries */

     
···

       
32
       
 
       
    --accent-light: #87c9e5;

     

       
33
       
 
       
    --accent-text: var(--bg);

     

       
34
       
 
       
    --border: #dbd5bc;

     

       
35
       
+
       
    --link: #e2c8a2;

     

       
36
       
 
       
  }

     

       
37
       
 
       
  img,

     

       
38
       
 
       
  video {

     
···

       
48
       
 
       
    --bg-light: #cbcdcd;

     

       
49
       
 
       
    --text: #41474e;

     

       
50
       
 
       
    --text-light: #646868;

     

       
51
       
+
       
    --accent: #58310ac5;

     

       
52
       
 
       
    --accent-light: #e08f67;

     

       
53
       
 
       
    --accent-text: var(--bg);

     

       
54
       
 
       
    --border: #646868;

     

       
55
       
+
       
    --link: #573819c5;

     

       
56
       
 
       
  }

     

       
57
       
 
       
}

     

       
58
       
 
       


     
···

       
67
       
 
       
  --accent-light: #e08f67;

     

       
68
       
 
       
  --accent-text: var(--bg);

     

       
69
       
 
       
  --border: #646868;

     

       
70
       
+
       
  --link: #573819c5;

     

       
71
       
 
       
}

     

       
72
       
 
       


     

       
73
       
 
       
[data-theme="dark"] {