@cagovweb/state-template 6.5.5 → 6.6.0-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/css/cagov.core.css +1101 -517
  2. package/dist/css/cagov.core.flat.css +1009 -404
  3. package/dist/css/cagov.core.min.css +1 -1
  4. package/dist/css/colortheme-delta.css +4 -0
  5. package/dist/css/colortheme-delta.min.css +1 -1
  6. package/dist/css/colortheme-eureka.css +4 -0
  7. package/dist/css/colortheme-eureka.min.css +1 -1
  8. package/dist/css/colortheme-mono.css +4 -0
  9. package/dist/css/colortheme-mono.min.css +1 -1
  10. package/dist/css/colortheme-oceanside.css +4 -0
  11. package/dist/css/colortheme-oceanside.min.css +1 -1
  12. package/dist/css/colortheme-orangecounty.css +4 -0
  13. package/dist/css/colortheme-orangecounty.min.css +1 -1
  14. package/dist/css/colortheme-pasorobles.css +4 -0
  15. package/dist/css/colortheme-pasorobles.min.css +1 -1
  16. package/dist/css/colortheme-sacramento.css +4 -0
  17. package/dist/css/colortheme-sacramento.min.css +1 -1
  18. package/dist/css/colortheme-santabarbara.css +4 -0
  19. package/dist/css/colortheme-santabarbara.min.css +1 -1
  20. package/dist/css/colortheme-santacruz.css +4 -0
  21. package/dist/css/colortheme-santacruz.min.css +1 -1
  22. package/dist/css/colortheme-shasta.css +4 -0
  23. package/dist/css/colortheme-shasta.min.css +1 -1
  24. package/dist/css/colortheme-sierra.css +4 -0
  25. package/dist/css/colortheme-sierra.min.css +1 -1
  26. package/dist/css/colortheme-trinity.css +4 -0
  27. package/dist/css/colortheme-trinity.min.css +1 -1
  28. package/dist/css/colortheme-ukiah-night.css +292 -0
  29. package/dist/css/colortheme-ukiah-night.min.css +1 -0
  30. package/dist/css/colortheme-ventura-night.css +279 -0
  31. package/dist/css/colortheme-ventura-night.min.css +1 -0
  32. package/dist/js/cagov.core.js +120 -53
  33. package/dist/js/cagov.core.min.js +2 -2
  34. package/dist/readme.md +2 -2
  35. package/package.json +2 -2
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p2);
61
+ --link-color-hover: var(--color-p2-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#a5bdc5;--color-p1-dark:#99b4bd;--color-p1-darker:#8fadb7;--color-p1-darkest:#7a9da9;--color-p1-light:#b7cad1;--color-p1-lighter:#c9d7dc;--color-p1-lightest:#dbe5e8;--color-p2:#577786;--color-p2-dark:#4f6c7a;--color-p2-darker:#496470;--color-p2-darkest:#3b515b;--color-p2-light:#79929e;--color-p2-lighter:#9aadb6;--color-p2-lightest:#bcc9cf;--color-p3:#46565e;--color-p3-dark:#3d4b52;--color-p3-darker:#37434a;--color-p3-darkest:#283135;--color-p3-light:#6b787e;--color-p3-lighter:#909a9e;--color-p3-lightest:#b5bbbf;--color-s1:#f5f9fa;--color-s1-darker:#ebf3f5;--color-s1-lighter:#fafcfd;--color-s2:#ccd4d6;--color-s2-dark:#b8c3c6;--color-s2-darker:#a4b3b6;--color-s3:#a7b7bc;--color-s3-dark:#93a6ad;--color-s3-light:#cad4d7;--color-s3-lighter:#dce2e4;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#a5bdc5;--color-p1-dark:#99b4bd;--color-p1-darker:#8fadb7;--color-p1-darkest:#7a9da9;--color-p1-light:#b7cad1;--color-p1-lighter:#c9d7dc;--color-p1-lightest:#dbe5e8;--color-p2:#577786;--color-p2-dark:#4f6c7a;--color-p2-darker:#496470;--color-p2-darkest:#3b515b;--color-p2-light:#79929e;--color-p2-lighter:#9aadb6;--color-p2-lightest:#bcc9cf;--color-p3:#46565e;--color-p3-dark:#3d4b52;--color-p3-darker:#37434a;--color-p3-darkest:#283135;--color-p3-light:#6b787e;--color-p3-lighter:#909a9e;--color-p3-lightest:#b5bbbf;--color-s1:#f5f9fa;--color-s1-darker:#ebf3f5;--color-s1-lighter:#fafcfd;--color-s2:#ccd4d6;--color-s2-dark:#b8c3c6;--color-s2-darker:#a4b3b6;--color-s3:#a7b7bc;--color-s3-dark:#93a6ad;--color-s3-light:#cad4d7;--color-s3-lighter:#dce2e4;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -54,6 +54,10 @@
54
54
  /* Mobile navigation drawer background */
55
55
  --mobile-drawer: var(--color-p3);
56
56
  --mobile-drawer-active: var(--color-p3-light);
57
+
58
+ /* Global */
59
+ --link-color: var(--color-p2);
60
+ --link-color-hover: var(--color-p2-darker);
57
61
  }
58
62
 
59
63
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#d9b295;--color-p1-dark:#d4a786;--color-p1-darker:#d09f7b;--color-p1-darkest:#c68c60;--color-p1-light:#e1c1aa;--color-p1-lighter:#e8d1bf;--color-p1-lightest:#f0e0d5;--color-p2:#3e4b4d;--color-p2-dark:#354042;--color-p2-darker:#2e3839;--color-p2-darkest:#1e2425;--color-p2-light:#656f71;--color-p2-lighter:#8b9394;--color-p2-lightest:#b2b7b8;--color-p3:#21272a;--color-p3-dark:#181c1f;--color-p3-darker:#111416;--color-p3-darkest:#020202;--color-p3-light:#4d5255;--color-p3-lighter:#7a7d7f;--color-p3-lightest:#a6a9aa;--color-s1:#f9f4f0;--color-s1-darker:#f5ece5;--color-s1-lighter:#fcfaf8;--color-s2:#e2dfda;--color-s2-dark:#d2cec6;--color-s2-darker:#c3bcb2;--color-s3:#ccc8bf;--color-s3-dark:#bcb7ab;--color-s3-light:#e0ded9;--color-s3-lighter:#ebe9e5;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#d9b295;--color-p1-dark:#d4a786;--color-p1-darker:#d09f7b;--color-p1-darkest:#c68c60;--color-p1-light:#e1c1aa;--color-p1-lighter:#e8d1bf;--color-p1-lightest:#f0e0d5;--color-p2:#3e4b4d;--color-p2-dark:#354042;--color-p2-darker:#2e3839;--color-p2-darkest:#1e2425;--color-p2-light:#656f71;--color-p2-lighter:#8b9394;--color-p2-lightest:#b2b7b8;--color-p3:#21272a;--color-p3-dark:#181c1f;--color-p3-darker:#111416;--color-p3-darkest:#020202;--color-p3-light:#4d5255;--color-p3-lighter:#7a7d7f;--color-p3-lightest:#a6a9aa;--color-s1:#f9f4f0;--color-s1-darker:#f5ece5;--color-s1-lighter:#fcfaf8;--color-s2:#e2dfda;--color-s2-dark:#d2cec6;--color-s2-darker:#c3bcb2;--color-s3:#ccc8bf;--color-s3-dark:#bcb7ab;--color-s3-light:#e0ded9;--color-s3-lighter:#ebe9e5;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p2);
61
+ --link-color-hover: var(--color-p2-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#ffce2b;--color-p1-dark:#ffc917;--color-p1-darker:#ffc607;--color-p1-darkest:#e3ae00;--color-p1-light:#ffd855;--color-p1-lighter:#ffe280;--color-p1-lightest:#ffebaa;--color-p2:#545351;--color-p2-dark:#4a4947;--color-p2-darker:#42413f;--color-p2-darkest:#302f2e;--color-p2-light:#767574;--color-p2-lighter:#989897;--color-p2-lightest:#bbbab9;--color-p3:#191919;--color-p3-dark:#0f0f0f;--color-p3-darker:#070707;--color-p3-darkest:black;--color-p3-light:#474747;--color-p3-lighter:#757575;--color-p3-lightest:#a3a3a3;--color-s1:#ededef;--color-s1-darker:#e5e5e8;--color-s1-lighter:#f6f6f7;--color-s2:#d4d4cd;--color-s2-dark:#c3c3ba;--color-s2-darker:#b3b3a7;--color-s3:#b3b2ac;--color-s3-dark:#a2a199;--color-s3-light:#d1d1cd;--color-s3-lighter:#e1e0de;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#ffce2b;--color-p1-dark:#ffc917;--color-p1-darker:#ffc607;--color-p1-darkest:#e3ae00;--color-p1-light:#ffd855;--color-p1-lighter:#ffe280;--color-p1-lightest:#ffebaa;--color-p2:#545351;--color-p2-dark:#4a4947;--color-p2-darker:#42413f;--color-p2-darkest:#302f2e;--color-p2-light:#767574;--color-p2-lighter:#989897;--color-p2-lightest:#bbbab9;--color-p3:#191919;--color-p3-dark:#0f0f0f;--color-p3-darker:#070707;--color-p3-darkest:black;--color-p3-light:#474747;--color-p3-lighter:#757575;--color-p3-lightest:#a3a3a3;--color-s1:#ededef;--color-s1-darker:#e5e5e8;--color-s1-lighter:#f6f6f7;--color-s2:#d4d4cd;--color-s2-dark:#c3c3ba;--color-s2-darker:#b3b3a7;--color-s3:#b3b2ac;--color-s3-dark:#a2a199;--color-s3-light:#d1d1cd;--color-s3-lighter:#e1e0de;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p2-darker);
57
57
  --mobile-drawer-active: var(--color-p2);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p2);
61
+ --link-color-hover: var(--color-p2-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#fdb81e;--color-p1-dark:#fdb20a;--color-p1-darker:#f5aa02;--color-p1-darkest:#d29102;--color-p1-light:#fdc64b;--color-p1-lighter:#fed478;--color-p1-lightest:#fee3a5;--color-p2:#046b99;--color-p2-dark:#035d85;--color-p2-darker:#035376;--color-p2-darkest:#023a53;--color-p2-light:#3689ad;--color-p2-lighter:#68a6c2;--color-p2-lightest:#9bc4d6;--color-p3:#323a45;--color-p3-dark:#293039;--color-p3-darker:#232930;--color-p3-darkest:#14171c;--color-p3-light:#5b616a;--color-p3-lighter:#84898f;--color-p3-lightest:#adb0b5;--color-s1:#eef8fb;--color-s1-darker:#e2f3f8;--color-s1-lighter:#f7fcfd;--color-s2:#87b8ce;--color-s2-dark:#6ea9c4;--color-s2-darker:#549ab9;--color-s3:#4993b5;--color-s3-dark:#3f7e9c;--color-s3-light:#92bed3;--color-s3-lighter:#b6d4e1;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2-darker);--mobile-drawer-active:var(--color-p2);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2-darker);--mobile-drawer-active:var(--color-p2);}}
1
+ :root{--color-p1:#fdb81e;--color-p1-dark:#fdb20a;--color-p1-darker:#f5aa02;--color-p1-darkest:#d29102;--color-p1-light:#fdc64b;--color-p1-lighter:#fed478;--color-p1-lightest:#fee3a5;--color-p2:#046b99;--color-p2-dark:#035d85;--color-p2-darker:#035376;--color-p2-darkest:#023a53;--color-p2-light:#3689ad;--color-p2-lighter:#68a6c2;--color-p2-lightest:#9bc4d6;--color-p3:#323a45;--color-p3-dark:#293039;--color-p3-darker:#232930;--color-p3-darkest:#14171c;--color-p3-light:#5b616a;--color-p3-lighter:#84898f;--color-p3-lightest:#adb0b5;--color-s1:#eef8fb;--color-s1-darker:#e2f3f8;--color-s1-lighter:#f7fcfd;--color-s2:#87b8ce;--color-s2-dark:#6ea9c4;--color-s2-darker:#549ab9;--color-s3:#4993b5;--color-s3-dark:#3f7e9c;--color-s3-light:#92bed3;--color-s3-lighter:#b6d4e1;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2-darker);--mobile-drawer-active:var(--color-p2);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2-darker);--mobile-drawer-active:var(--color-p2);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p2);
61
+ --link-color-hover: var(--color-p2-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#a15801;--color-p2-dark:#8d4d01;--color-p2-darker:#7e4501;--color-p2-darkest:#5a3101;--color-p2-light:#b47934;--color-p2-lighter:#c79b67;--color-p2-lightest:#d9bc99;--color-p3:#483723;--color-p3-dark:#3a2d1c;--color-p3-darker:#302517;--color-p3-darkest:#18120c;--color-p3-light:#6d5f4f;--color-p3-lighter:#91877b;--color-p3-lightest:#b6afa7;--color-s1:#fbf0e7;--color-s1-darker:#f9e8da;--color-s1-lighter:#fdf8f3;--color-s2:#f6e7cc;--color-s2-dark:#f1d9ae;--color-s2-darker:#ebca8f;--color-s3:#f7d7a6;--color-s3-dark:#f4c885;--color-s3-light:#fae7ca;--color-s3-lighter:#fcefdb;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#a15801;--color-p2-dark:#8d4d01;--color-p2-darker:#7e4501;--color-p2-darkest:#5a3101;--color-p2-light:#b47934;--color-p2-lighter:#c79b67;--color-p2-lightest:#d9bc99;--color-p3:#483723;--color-p3-dark:#3a2d1c;--color-p3-darker:#302517;--color-p3-darkest:#18120c;--color-p3-light:#6d5f4f;--color-p3-lighter:#91877b;--color-p3-lightest:#b6afa7;--color-s1:#fbf0e7;--color-s1-darker:#f9e8da;--color-s1-lighter:#fdf8f3;--color-s2:#f6e7cc;--color-s2-dark:#f1d9ae;--color-s2-darker:#ebca8f;--color-s3:#f7d7a6;--color-s3-dark:#f4c885;--color-s3-light:#fae7ca;--color-s3-lighter:#fcefdb;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p2);--link-color-hover:var(--color-p2-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#691808;--color-p2-dark:#561407;--color-p2-darker:#481005;--color-p2-darkest:#270903;--color-p2-light:#874639;--color-p2-lighter:#a5746b;--color-p2-lightest:#c3a39c;--color-p3:#313131;--color-p3-dark:#272727;--color-p3-darker:#1f1f1f;--color-p3-darkest:#0d0d0d;--color-p3-light:#5a5a5a;--color-p3-lighter:#838383;--color-p3-lightest:#adadad;--color-s1:#f5f5f5;--color-s1-darker:#ededed;--color-s1-lighter:#fafafa;--color-s2:#ccc;--color-s2-dark:#bababa;--color-s2-darker:#a8a8a8;--color-s3:#e6dcdc;--color-s3-dark:#d7c7c7;--color-s3-light:#f0eaea;--color-s3-lighter:#f5f1f1;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#691808;--color-p2-dark:#561407;--color-p2-darker:#481005;--color-p2-darkest:#270903;--color-p2-light:#874639;--color-p2-lighter:#a5746b;--color-p2-lightest:#c3a39c;--color-p3:#313131;--color-p3-dark:#272727;--color-p3-darker:#1f1f1f;--color-p3-darkest:#0d0d0d;--color-p3-light:#5a5a5a;--color-p3-lighter:#838383;--color-p3-lightest:#adadad;--color-s1:#f5f5f5;--color-s1-darker:#ededed;--color-s1-lighter:#fafafa;--color-s2:#ccc;--color-s2-dark:#bababa;--color-s2-darker:#a8a8a8;--color-s3:#e6dcdc;--color-s3-dark:#d7c7c7;--color-s3-light:#f0eaea;--color-s3-lighter:#f5f1f1;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation drawer background */
56
56
  --mobile-drawer: var(--color-p2);
57
57
  --mobile-drawer-active: var(--color-p2-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#7bb0da;--color-p1-dark:#6ba6d6;--color-p1-darker:#5f9fd2;--color-p1-darkest:#438fca;--color-p1-light:#95c0e1;--color-p1-lighter:#b0d0e9;--color-p1-lightest:#cadff0;--color-p2:#153554;--color-p2-dark:#112b44;--color-p2-darker:#0e2337;--color-p2-darkest:#07111b;--color-p2-light:#445d76;--color-p2-lighter:#738698;--color-p2-lightest:#a1aebb;--color-p3:#343b4b;--color-p3-dark:#2c323f;--color-p3-darker:#252a36;--color-p3-darkest:#171a21;--color-p3-light:#5d626f;--color-p3-lighter:#858993;--color-p3-lightest:#aeb1b7;--color-s1:#f5f5f5;--color-s1-darker:#ededed;--color-s1-lighter:#fafafa;--color-s2:#ccc;--color-s2-dark:#bababa;--color-s2-darker:#a8a8a8;--color-s3:#e6dcdc;--color-s3-dark:#d7c7c7;--color-s3-light:#f0eaea;--color-s3-lighter:#f5f1f1;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);}}
1
+ :root{--color-p1:#7bb0da;--color-p1-dark:#6ba6d6;--color-p1-darker:#5f9fd2;--color-p1-darkest:#438fca;--color-p1-light:#95c0e1;--color-p1-lighter:#b0d0e9;--color-p1-lightest:#cadff0;--color-p2:#153554;--color-p2-dark:#112b44;--color-p2-darker:#0e2337;--color-p2-darkest:#07111b;--color-p2-light:#445d76;--color-p2-lighter:#738698;--color-p2-lightest:#a1aebb;--color-p3:#343b4b;--color-p3-dark:#2c323f;--color-p3-darker:#252a36;--color-p3-darkest:#171a21;--color-p3-light:#5d626f;--color-p3-lighter:#858993;--color-p3-lightest:#aeb1b7;--color-s1:#f5f5f5;--color-s1-darker:#ededed;--color-s1-lighter:#fafafa;--color-s2:#ccc;--color-s2-dark:#bababa;--color-s2-darker:#a8a8a8;--color-s3:#e6dcdc;--color-s3-dark:#d7c7c7;--color-s3-light:#f0eaea;--color-s3-lighter:#f5f1f1;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p2);--mobile-drawer-active:var(--color-p2-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation draver background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#ff9b53;--color-p1-dark:#ff8f3f;--color-p1-darker:#ff862f;--color-p1-darkest:#ff710c;--color-p1-light:#ffaf75;--color-p1-lighter:#ffc398;--color-p1-lightest:#ffd7ba;--color-p2:#834b1e;--color-p2-dark:#72411a;--color-p2-darker:#663a17;--color-p2-darkest:#492a11;--color-p2-light:#9c6f4b;--color-p2-lighter:#b59378;--color-p2-lightest:#cdb7a5;--color-p3:#664945;--color-p3-dark:#5a403d;--color-p3-darker:#513a37;--color-p3-darkest:#3b2b28;--color-p3-light:#856d6a;--color-p3-lighter:#a3928f;--color-p3-lightest:#c2b6b5;--color-s1:#f8eee4;--color-s1-darker:#f5e6d8;--color-s1-lighter:#fcf7f2;--color-s2:#f1dac2;--color-s2-dark:#eac8a5;--color-s2-darker:#e4b788;--color-s3:#e8bd90;--color-s3-dark:#e2ab72;--color-s3-light:#f1d7bc;--color-s3-lighter:#f6e5d3;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#ff9b53;--color-p1-dark:#ff8f3f;--color-p1-darker:#ff862f;--color-p1-darkest:#ff710c;--color-p1-light:#ffaf75;--color-p1-lighter:#ffc398;--color-p1-lightest:#ffd7ba;--color-p2:#834b1e;--color-p2-dark:#72411a;--color-p2-darker:#663a17;--color-p2-darkest:#492a11;--color-p2-light:#9c6f4b;--color-p2-lighter:#b59378;--color-p2-lightest:#cdb7a5;--color-p3:#664945;--color-p3-dark:#5a403d;--color-p3-darker:#513a37;--color-p3-darkest:#3b2b28;--color-p3-light:#856d6a;--color-p3-lighter:#a3928f;--color-p3-lightest:#c2b6b5;--color-s1:#f8eee4;--color-s1-darker:#f5e6d8;--color-s1-lighter:#fcf7f2;--color-s2:#f1dac2;--color-s2-dark:#eac8a5;--color-s2-darker:#e4b788;--color-s3:#e8bd90;--color-s3-dark:#e2ab72;--color-s3-light:#f1d7bc;--color-s3-lighter:#f6e5d3;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation draver background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#f5811b;--color-p1-dark:#f1760b;--color-p1-darker:#e26f0a;--color-p1-darkest:#c05e08;--color-p1-light:#f79a49;--color-p1-lighter:#f9b376;--color-p1-lightest:#fbcda4;--color-p2:#0f4f94;--color-p2-dark:#0d4581;--color-p2-darker:#0c3e74;--color-p2-darkest:#082c53;--color-p2-light:#3f72a9;--color-p2-lighter:#6f95bf;--color-p2-lightest:#9fb9d4;--color-p3:#2c2c4f;--color-p3-dark:#252542;--color-p3-darker:#1f1f38;--color-p3-darkest:#121221;--color-p3-light:#565672;--color-p3-lighter:#808095;--color-p3-lightest:#ababb9;--color-s1:#eff4fa;--color-s1-darker:#e3ecf6;--color-s1-lighter:#f7fafd;--color-s2:#c7d9ea;--color-s2-dark:#adc7e0;--color-s2-darker:#93b6d7;--color-s3:#9bb8d3;--color-s3-dark:#82a6c8;--color-s3-light:#c3d4e5;--color-s3-lighter:#d7e3ed;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#f5811b;--color-p1-dark:#f1760b;--color-p1-darker:#e26f0a;--color-p1-darkest:#c05e08;--color-p1-light:#f79a49;--color-p1-lighter:#f9b376;--color-p1-lightest:#fbcda4;--color-p2:#0f4f94;--color-p2-dark:#0d4581;--color-p2-darker:#0c3e74;--color-p2-darkest:#082c53;--color-p2-light:#3f72a9;--color-p2-lighter:#6f95bf;--color-p2-lightest:#9fb9d4;--color-p3:#2c2c4f;--color-p3-dark:#252542;--color-p3-darker:#1f1f38;--color-p3-darkest:#121221;--color-p3-light:#565672;--color-p3-lighter:#808095;--color-p3-lightest:#ababb9;--color-s1:#eff4fa;--color-s1-darker:#e3ecf6;--color-s1-lighter:#f7fafd;--color-s2:#c7d9ea;--color-s2-dark:#adc7e0;--color-s2-darker:#93b6d7;--color-s3:#9bb8d3;--color-s3-dark:#82a6c8;--color-s3-light:#c3d4e5;--color-s3-lighter:#d7e3ed;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation draver background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#336c39;--color-p2-dark:#2c5e32;--color-p2-darker:#28542c;--color-p2-darkest:#1c3c1f;--color-p2-light:#5c8961;--color-p2-lighter:#85a788;--color-p2-lightest:#adc4b0;--color-p3:#3c4543;--color-p3-dark:#333a38;--color-p3-darker:#2b3230;--color-p3-darkest:#1b1f1e;--color-p3-light:#636a69;--color-p3-lighter:#8a8f8e;--color-p3-lightest:#b1b5b4;--color-s1:#e4f1e5;--color-s1-darker:#daecdb;--color-s1-lighter:#f2f8f2;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#336c39;--color-p2-dark:#2c5e32;--color-p2-darker:#28542c;--color-p2-darkest:#1c3c1f;--color-p2-light:#5c8961;--color-p2-lighter:#85a788;--color-p2-lightest:#adc4b0;--color-p3:#3c4543;--color-p3-dark:#333a38;--color-p3-darker:#2b3230;--color-p3-darkest:#1b1f1e;--color-p3-light:#636a69;--color-p3-lighter:#8a8f8e;--color-p3-lightest:#b1b5b4;--color-s1:#e4f1e5;--color-s1-darker:#daecdb;--color-s1-lighter:#f2f8f2;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation draver background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#476;--color-p2-dark:#3d6a5b;--color-p2-darker:#376053;--color-p2-darkest:#2a4a3f;--color-p2-light:#699285;--color-p2-lighter:#8fada3;--color-p2-lightest:#b4c9c2;--color-p3:#194949;--color-p3-dark:#143a3a;--color-p3-darker:#102e2e;--color-p3-darkest:#071414;--color-p3-light:#476d6d;--color-p3-lighter:#759292;--color-p3-lightest:#a3b6b6;--color-s1:#e8f1ee;--color-s1-darker:#deebe7;--color-s1-lighter:#f4f8f7;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#fbad23;--color-p1-dark:#fba60f;--color-p1-darker:#f69f04;--color-p1-darkest:#d38804;--color-p1-light:#fcbd4f;--color-p1-lighter:#fdce7b;--color-p1-lightest:#fddea7;--color-p2:#476;--color-p2-dark:#3d6a5b;--color-p2-darker:#376053;--color-p2-darkest:#2a4a3f;--color-p2-light:#699285;--color-p2-lighter:#8fada3;--color-p2-lightest:#b4c9c2;--color-p3:#194949;--color-p3-dark:#143a3a;--color-p3-darker:#102e2e;--color-p3-darkest:#071414;--color-p3-light:#476d6d;--color-p3-lighter:#759292;--color-p3-lightest:#a3b6b6;--color-s1:#e8f1ee;--color-s1-darker:#deebe7;--color-s1-lighter:#f4f8f7;--color-s2:#daefe8;--color-s2-dark:#c1e4d9;--color-s2-darker:#a8d9c9;--color-s3:#a1cca1;--color-s3-dark:#8abf8a;--color-s3-light:#c7e0c7;--color-s3-lighter:#d9ebd9;--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -55,6 +55,10 @@
55
55
  /* Mobile navigation draver background */
56
56
  --mobile-drawer: var(--color-p3);
57
57
  --mobile-drawer-active: var(--color-p3-light);
58
+
59
+ /* Global */
60
+ --link-color: var(--color-p1);
61
+ --link-color-hover: var(--color-p1-darker);
58
62
  }
59
63
 
60
64
  /* color-mix is used for the newer browsers */
@@ -1 +1 @@
1
- :root{--color-p1:#c19e73;--color-p1-dark:#bb9465;--color-p1-darker:#b68d5a;--color-p1-darkest:#a47b49;--color-p1-light:#cdb18f;--color-p1-lighter:#dac5ab;--color-p1-lightest:#e6d8c7;--color-p2:#446a7c;--color-p2-dark:#3d5f6f;--color-p2-darker:#375665;--color-p2-darkest:#2b434e;--color-p2-light:#698896;--color-p2-lighter:#8fa6b0;--color-p2-lightest:#b4c3cb;--color-p3:#21272a;--color-p3-dark:#181c1f;--color-p3-darker:#111416;--color-p3-darkest:#020202;--color-p3-light:#4d5255;--color-p3-lighter:#7a7d7f;--color-p3-lightest:#a6a9aa;--color-s1:#eff5f8;--color-s1-darker:#e4eef3;--color-s1-lighter:#f7fafc;--color-s2:#e2dfda;--color-s2-dark:#d2cec6;--color-s2-darker:#c3bcb2;--color-s3:#ccc8bf;--color-s3-dark:#bcb7ab;--color-s3-light:#e0ded9;--color-s3-lighter:#ebe9e5;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
1
+ :root{--color-p1:#c19e73;--color-p1-dark:#bb9465;--color-p1-darker:#b68d5a;--color-p1-darkest:#a47b49;--color-p1-light:#cdb18f;--color-p1-lighter:#dac5ab;--color-p1-lightest:#e6d8c7;--color-p2:#446a7c;--color-p2-dark:#3d5f6f;--color-p2-darker:#375665;--color-p2-darkest:#2b434e;--color-p2-light:#698896;--color-p2-lighter:#8fa6b0;--color-p2-lightest:#b4c3cb;--color-p3:#21272a;--color-p3-dark:#181c1f;--color-p3-darker:#111416;--color-p3-darkest:#020202;--color-p3-light:#4d5255;--color-p3-lighter:#7a7d7f;--color-p3-lightest:#a6a9aa;--color-s1:#eff5f8;--color-s1-darker:#e4eef3;--color-s1-lighter:#f7fafc;--color-s2:#e2dfda;--color-s2-dark:#d2cec6;--color-s2-darker:#c3bcb2;--color-s3:#ccc8bf;--color-s3-dark:#bcb7ab;--color-s3-light:#e0ded9;--color-s3-lighter:#ebe9e5;--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--link-color:var(--color-p1);--link-color-hover:var(--color-p1-darker);}@supports (color:color-mix){:root{--color-p1-dark:color-mix(in srgb,var(--color-p1),#000 15%);--color-p1-darker:color-mix(in srgb,var(--color-p1),#000 30%);--color-p1-darkest:color-mix(in srgb,var(--color-p1),#000 60%);--color-p1-light:color-mix(in srgb,var(--color-p1),#fff 15%);--color-p1-lighter:color-mix(in srgb,var(--color-p1),#fff 30%);--color-p1-lightest:color-mix(in srgb,var(--color-p1),#fff 60%);--color-p2-dark:color-mix(in srgb,var(--color-p2),#000 15%);--color-p2-darker:color-mix(in srgb,var(--color-p2),#000 30%);--color-p2-darkest:color-mix(in srgb,var(--color-p2),#000 60%);--color-p2-light:color-mix(in srgb,var(--color-p2),#fff 15%);--color-p2-lighter:color-mix(in srgb,var(--color-p2),#fff 30%);--color-p2-lightest:color-mix(in srgb,var(--color-p2),#fff 60%);--color-p3-dark:color-mix(in srgb,var(--color-p3),#000 15%);--color-p3-darker:color-mix(in srgb,var(--color-p3),#000 30%);--color-p3-darkest:color-mix(in srgb,var(--color-p3),#000 60%);--color-p3-light:color-mix(in srgb,var(--color-p3),#fff 15%);--color-p3-lighter:color-mix(in srgb,var(--color-p3),#fff 30%);--color-p3-lightest:color-mix(in srgb,var(--color-p3),#fff 60%);--color-s1-darker:color-mix(in srgb,var(--color-s1),#000 5%);--color-s1-lighter:color-mix(in srgb,var(--color-s1),#fff 10%);--color-s2-dark:color-mix(in srgb,var(--color-s2),#000 15%);--color-s2-darker:color-mix(in srgb,var(--color-s2),#000 30%);--color-s3-dark:color-mix(in srgb,var(--color-s3),#000 15%);--color-s3-light:color-mix(in srgb,var(--color-s3),#fff 45%);--color-s3-lighter:color-mix(in srgb,var(--color-s3),#fff 60%);--sub-nav-bg:var(--color-s1);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);}}
@@ -0,0 +1,292 @@
1
+ /* -----------------------------------------
2
+ UKIAH NIGHT COLOR THEME
3
+ ----------------------------------------- */
4
+
5
+ :root {
6
+ /* Highlight */
7
+ --color-p1: #56bfec;
8
+ --color-p1-dark: #349ed1;
9
+ --color-p1-darker: #007fb5;
10
+ --color-p1-darkest: #006590;
11
+ --color-p1-light: #a5ddf5;
12
+ --color-p1-lighter: #dbf1fb;
13
+ --color-p1-lightest: #f4fbfe;
14
+
15
+ /* Primary */
16
+ --color-p2: #001c29;
17
+ --color-p2-dark: #00151f;
18
+ --color-p2-darker: #000e14;
19
+ --color-p2-darkest: #000;
20
+ --color-p2-light: #002334;
21
+ --color-p2-lighter: #003248;
22
+ --color-p2-lightest: #00405d;
23
+
24
+ /* Standout */
25
+ --color-p3: #001c2a;
26
+ --color-p3-dark: #00141e;
27
+ --color-p3-darker: #000e14;
28
+ --color-p3-darkest: #00090f;
29
+ --color-p3-light: #002939;
30
+ --color-p3-lighter: #042c3c;
31
+ --color-p3-lightest: #093240;
32
+
33
+ /* Secondary 1 */
34
+ --color-s1: #014a72;
35
+ --color-s1-darker: #00344b;
36
+ --color-s1-lighter: #005e87;
37
+
38
+ /* Secondary 2 */
39
+ --color-s2: #262527;
40
+ --color-s2-dark: #19181a;
41
+ --color-s2-darker: #0f0e0f;
42
+
43
+ /* Secondary 3 */
44
+ --color-s3: #003248;
45
+ --color-s3-dark: #002334;
46
+ --color-s3-light: #00405d;
47
+ --color-s3-lighter: #004e72;
48
+
49
+ /* gray */
50
+ --gray-50: #f7fafe;
51
+ --gray-75: #eef3f9;
52
+ --gray-100: #e7eef6;
53
+ --gray-200: #c9d5e5;
54
+ --gray-300: #aebdd1;
55
+ --gray-400: #95a6bb;
56
+ --gray-500: #7a8c9f;
57
+ --gray-600: #657689;
58
+ --gray-700: #546374;
59
+ --gray-800: #444f5d;
60
+ --gray-900: #36404b;
61
+
62
+ /* dark theme unique variables */
63
+ --color-primary: var(--color-p1);
64
+ --color-primary-dark: var(--color-p1-darker);
65
+ --color-primary-light: var(--color-p1-lighter);
66
+
67
+ /* Accent colors */
68
+ --code-color: #eb5c9c;
69
+ --color-a1: #5aaae7;
70
+ --color-a2: #3ab5f8;
71
+ --color-a3: #31afa0;
72
+ --color-a4: #42af3c;
73
+ --color-a5: #ac92ce;
74
+ --color-a6: #d274dc;
75
+ --color-a7: #e48c81;
76
+ --color-a8: #f17827;
77
+
78
+ /* social media brand colors */
79
+ --share-facebook: var(--gray-200);
80
+ --share-facebook-hover: color-mix(in srgb, var(--share-facebook), #000 15%);
81
+ --share-twitter: var(--gray-200);
82
+ --share-twitter-hover: color-mix(in srgb, var(--share-twitter), #000 15%);
83
+ --share-googleplus: var(--gray-200);
84
+ --share-googleplus-hover: color-mix(
85
+ in srgb,
86
+ var(--share-googleplus),
87
+ #000 15%
88
+ );
89
+ --share-flickr: var(--gray-200);
90
+ --share-linkedin: var(--gray-200);
91
+ --share-instagram: var(--gray-200);
92
+ --share-snapchat: var(--gray-200);
93
+ --share-youtube: var(--gray-200);
94
+ --share-pinterest: var(--gray-200);
95
+ --share-vimeo: var(--gray-200);
96
+ --share-email: var(--gray-200);
97
+ --share-github: var(--gray-200);
98
+
99
+ /* Override semantic variables (which affects side-nav and more) */
100
+ --body-bg: var(--color-p2-darker);
101
+ --base-light: var(--black);
102
+ --base-dark: var(--white);
103
+ --default-bg: var(--color-p3);
104
+ --default-bg-darker: var(--color-p3-light);
105
+ --default-bg-hover: var(--color-p3-light);
106
+ --default-bg-hover-darker: var(--color-p3-darkest);
107
+ --text-color: #fafafa;
108
+ --text-color-hover: #fff;
109
+ --text-muted: #bababa;
110
+ --text-secondary: #d1d1d1;
111
+ --blockquote-small-color: #ededef;
112
+ --link-color: var(--color-p1, #ffb300);
113
+ --link-color-hover: var(--color-p1-lighter, #fbde84);
114
+ --dark-section-link-color: var(--color-p1);
115
+ --dark-section-link-color-hover: var(--color-p1-lighter);
116
+ --outline-default-color: #85cbf9;
117
+ --outline-dark-mode-color: #0b8ee5;
118
+ --ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><path fill='%23ffffff' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='%23ffffff' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/></svg>")
119
+ no-repeat;
120
+ --text-field-bg-color: var(--body-bg);
121
+ --text-field-color: var(--text-color);
122
+ --brand-danger: #e28579;
123
+
124
+ /* utility header */
125
+ --utility-link: var(--white);
126
+ --utility-link-hover: var(--text-color);
127
+ --utility-header-background: var(--color-p3);
128
+
129
+ /* Megamenu sub navigation background */
130
+ --sub-nav-bg: var(--color-s1-lighter);
131
+
132
+ /* Mobile navigation drawer */
133
+ --mobile-drawer: var(--color-p3);
134
+ --mobile-drawer-active: var(--color-p3-light);
135
+ --bs-body-bg: var(--color-p2);
136
+
137
+ /* Target custom side-nav variables that have no semantic mapping */
138
+ --sidenav-active-bg: var(--color-s1);
139
+ --sidenav-active-color: var(--color-p1-lighter);
140
+ --sidenav-hover-bg: var(--color-p2);
141
+ --sidenav-active-hover-bg: var(--color-s1-darker);
142
+ --sidenav-active-hover-color: var(--color-p1-light);
143
+ --border-color-muted: var(--gray-800);
144
+ --border-color-default: var(--gray-600);
145
+
146
+ /* Custom form check SVG icons for dark mode */
147
+ --cagov-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
148
+ --cagov-form-radio-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
149
+ --cagov-form-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
150
+ --cagov-form-select-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>");
151
+
152
+ /* Main navigation */
153
+ --mobile-menu-icon-color: var(--text-color);
154
+ --main-nav-color: var(--text-color);
155
+ --main-nav-color-hover: var(--text-color);
156
+ --main-nav-bg: var(--color-p2);
157
+ --main-nav-bg-hover: var(--color-p2-light);
158
+ --main-nav-border-color: var(--color-p2-darker);
159
+ --main-nav-color-active: var(--text-color);
160
+ --main-nav-color-active-hover: var(--text-color);
161
+ --main-nav-bg-active: var(--color-p2-light);
162
+ --main-nav-bg-active-hover: var(--color-p2-lighter);
163
+
164
+ /* global footer */
165
+ --global-footer-bg: var(--color-p3);
166
+ --footer-links-color: var(--white);
167
+ --footer-links-color-hover: var(--color-p1);
168
+
169
+ /* BUTTONS */
170
+
171
+ /* Primary Button */
172
+ --primary-btn-color: var(--gray-800);
173
+ --primary-btn-bg: var(--white);
174
+ --primary-btn-border-color: var(--white);
175
+ --primary-btn-color-hover: var(--black);
176
+ --primary-btn-bg-hover: var(--gray-200);
177
+ --primary-btn-border-color-hover: var(--gray-200);
178
+ --primary-btn-color-disabled: var(--gray-700);
179
+ --btn-hover-primary-bg: var(--white);
180
+ --btn-hover-primary-overlay: var(--gray-100);
181
+ --outline-primary-btn: var(--black);
182
+
183
+ /* Primary Outline Button */
184
+ --primary-outline-btn-color: var(--white);
185
+ --primary-outline-btn-bg: var(--body-bg);
186
+ --primary-outline-btn-border-color: var(--white);
187
+ --primary-outline-btn-color-hover: var(--black);
188
+ --primary-outline-btn-bg-hover: var(--white);
189
+ --primary-outline-btn-border-color-hover: var(--white);
190
+ --primary-outline-btn-color-disabled: var(--gray-200);
191
+ --outline-primary-outline-btn: var(--outline-for-light-bg);
192
+
193
+ /* Default Button */
194
+ --default-btn-color: var(--text-color);
195
+ --default-btn-bg: var(--color-p3);
196
+ --default-btn-border-color: var(--gray-200);
197
+ --default-btn-color-hover: var(--white);
198
+ --default-btn-bg-hover: var(--color-p3-lightest);
199
+ --default-btn-border-color-hover: var(--white);
200
+ --btn-hover-default-bg: var(--color-p3);
201
+ --btn-hover-default-overlay: var(--color-p3-darkest);
202
+ --outline-default-btn: var(--outline-for-dark-bg);
203
+
204
+ /* Standout Button */
205
+ --standout-btn-color: var(--black);
206
+ --standout-btn-bg: var(--gray-200);
207
+ --standout-btn-border-color: var(--gray-200);
208
+ --standout-btn-color-hover: var(--gray-700);
209
+ --standout-btn-bg-hover: var(--white);
210
+ --standout-btn-border-color-hover: var(--white);
211
+ --btn-hover-standout-bg: var(--gray-200);
212
+ --btn-hover-standout-overlay: var(--white);
213
+ --outline-standout-btn: var(--outline-for-light-bg);
214
+
215
+ /* Standout Outline Button */
216
+ --standout-outline-btn-color: var(--gray-75);
217
+ --standout-outline-btn-bg: transparent;
218
+ --standout-outline-btn-border-color: var(--gray-75);
219
+ --standout-outline-btn-color-hover: var(--black);
220
+ --standout-outline-btn-bg-hover: var(--gray-75);
221
+ --standout-outline-btn-border-color-hover: var(--gray-75);
222
+ --outline-standout-outline-btn: var(--outline-dark-mode-color);
223
+
224
+ /* Highlight Button */
225
+ --highlight-btn-color: var(--gray-900);
226
+ --highlight-btn-bg: var(--color-p1);
227
+ --highlight-btn-border-color: var(--color-p1);
228
+ --highlight-btn-color-hover: var(--black);
229
+ --highlight-btn-bg-hover: var(--white);
230
+ --highlight-btn-border-color-hover: var(--white);
231
+ --highlight-btn-color-disabled: var(--gray-900);
232
+ --btn-hover-highlight-bg: var(--color-p1);
233
+ --btn-hover-highlight-overlay: var(--white);
234
+ --outline-highlight-btn: var(--outline-for-light-bg);
235
+
236
+ /* Highlight Outline Button */
237
+ --highlight-outline-btn-color: var(--color-p1);
238
+ --highlight-outline-btn-bg: transparent;
239
+ --highlight-outline-btn-border-color: var(--color-p1);
240
+ --highlight-outline-btn-color-hover: var(--black);
241
+ --highlight-outline-btn-bg-hover: var(--color-p1);
242
+ --highlight-outline-btn-border-color-hover: var(--color-p1);
243
+ --highlight-outline-btn-color-disabled: var(--color-p1);
244
+ --outline-highlight-outline-btn: var(--outline-dark-mode-color);
245
+
246
+ /* Secondary Button */
247
+ --secondary-btn-color: var(--text-color);
248
+ --secondary-btn-bg: var(--color-s1);
249
+ --secondary-btn-border-color: var(--color-s1);
250
+ --secondary-btn-color-hover: var(--white);
251
+ --secondary-btn-bg-hover: var(--color-s1-lighter);
252
+ --secondary-btn-border-color-hover: var(--color-s1-lighter);
253
+ --btn-hover-secondary-bg: var(--color-s1);
254
+ --btn-hover-secondary-overlay: var(--color-s1-darker);
255
+ --outline-secondary-btn: var(--outline-for-dark-bg);
256
+
257
+ /* Secondary Outline Button */
258
+ --secondary-outline-btn-color: var(--gray-100);
259
+ --secondary-outline-btn-bg: transparent;
260
+ --secondary-outline-btn-border-color: var(--gray-300);
261
+ --secondary-outline-btn-color-hover: var(--white);
262
+ --secondary-outline-btn-bg-hover: var(--color-s1);
263
+ --secondary-outline-btn-border-color-hover: var(--gray-300);
264
+ --outline-secondary-outline-btn: var(--outline-for-dark-bg);
265
+
266
+ /* S1 Button */
267
+ --s1-btn-color: var(--text-color);
268
+ --s1-btn-bg: var(--color-s2);
269
+ --s1-btn-border-color: var(--color-s2);
270
+ --s1-btn-color-hover: var(--white);
271
+ --s1-btn-bg-hover: var(--color-s2-dark);
272
+ --s1-btn-border-color-hover: var(--color-s2-dark);
273
+ --outline-s1-btn: var(--outline-dark-mode-color);
274
+
275
+ /* Light Outline Button */
276
+ --light-outline-btn-color: var(--white);
277
+ --light-outline-btn-bg: transparent;
278
+ --light-outline-btn-border-color: var(--white);
279
+ --light-outline-btn-color-hover: var(--black);
280
+ --light-outline-btn-bg-hover: var(--white);
281
+ --light-outline-btn-border-color-hover: var(--white);
282
+ --outline-light-outline-btn: var(--outline-dark-mode-color);
283
+
284
+ /* Link Grid */
285
+ --link-grid-color: var(--white);
286
+ --link-grid-hover-bg: var(--color-p2-light);
287
+ --link-grid-hover-color: var(--white);
288
+ --link-grid-border-bottom-color: var(--color-p1);
289
+
290
+ /* cards */
291
+ --card-bg: var(--color-p3);
292
+ }