RSCC-Page/public/style.css

5 lines
89 KiB
CSS
Raw Normal View History

2025-02-06 18:05:35 +01:00
/*!
2025-03-04 04:23:12 +01:00
* Ametrine v0.1.0-alpha (https://ametrine.daudix.one)
* Copyright 2025 David "Daudix" Lapshin
* Licensed under MIT (https://codeberg.org/daudix/ametrine/raw/branch/main/LICENSE.txt)
*/:root{--bg-color: hsl(var(--accent-h) calc(var(--accent-s) - var(--accent-s) * 0.6) calc(var(--accent-l) + (100% - var(--accent-l)) * 0.8));--bg-overlay: linear-gradient(rgb(255 255 255 / var(--dim-opacity)), rgb(255 255 255 / var(--dim-opacity)));--bg-muted-1: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / var(--color-opacity-1));--bg-muted-2: hsl(var(--accent-h) var(--accent-s) var(--accent-l) / var(--color-opacity-2));--fg-color: #29242a;--fg-muted-1: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - var(--accent-l) * 0.85) / 0.5);--fg-muted-2: hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - var(--accent-l) * 0.85) / 0.6);--glass-bg-1: hsl(var(--accent-h) calc(var(--accent-s) - var(--accent-s) * 0.7) calc(var(--accent-l) + (100% - var(--accent-l)) * 0.9) / var(--dim-opacity));--glass-bg-2: hsl(var(--accent-h) calc(var(--accent-s) - var(--accent-s) * 0.6) calc(var(--accent-l) + (100% - var(--accent-l)) * 0.8) / var(--dim-opacity));--red-fg: hsl(342.0779 72% 58%);--red-h: 342.0779;--red-s: 72%;--red-l: 58%;--orange-fg: hsl(15.771428 74% 54%);--orange-h: 15.771428;--orange-s: 74%;--orange-l: 54%;--yellow-fg: hsl(34.639175 91% 42%);--yellow-h: 34.639175;--yellow-s: 91%;--yellow-l: 42%;--green-fg: hsl(153.7815 61% 38%);--green-h: 153.7815;--green-s: 61%;--green-l: 38%;--blue-fg: hsl(192 71% 38%);--blue-h: 192;--blue-s: 71%;--blue-l: 38%;--purple-fg: hsl(254.11766 44% 55%);--purple-h: 254.11766;--purple-s: 44%;--purple-l: 55%;--red-bg-1: hsl(var(--red-h) var(--red-s) var(--red-l) / var(--color-opacity-1));--red-bg-2: hsl(var(--red-h) var(--red-s) var(--red-l) / var(--color-opacity-2));--orange-bg-1: hsl(var(--orange-h) var(--orange-s) var(--orange-l) / var(--color-opacity-1));--orange-bg-2: hsl(var(--orange-h) var(--orange-s) var(--orange-l) / var(--color-opacity-2));--yellow-bg-1: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l) / var(--color-opacity-1));--yellow-bg-2: hsl(var(--yellow-h) var(--yellow-s) var(--yellow-l) / var(--color-opacity-2));--green-bg-1: hsl(var(--green-h) var(--green-s) var(--green-l) / var(--color-opacity-1));--green-bg-2: hsl(var(--green-h) var(--green-s) var(--green-l) / var(--color-opacity-2));--blue-bg-1: hsl(var(--blue-h) var(--blue-s) var(--blue-l) / var(--color-opacity-1));--blue-bg-2: hsl(var(--blue-h) var(--blue-s) var(--blue-l) / var(--color-opacity-2));--purple-bg-1: hsl(var(--purple-h) var(--purple-s) var(--purple-l) / var(--color-opacity-1));--purple-bg-2: hsl(var(--purple-h) var(--purple-s) var(--purple-l) / var(--color-opacity-2));--red-fg-muted-1: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - var(--red-l) * 0.85) / 0.5);--red-fg-muted-2: hsl(var(--red-h) var(--red-s) calc(var(--red-l) - var(--red-l) * 0.85) / 0.6);--orange-fg-muted-1: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.85) / 0.5);--orange-fg-muted-2: hsl(var(--orange-h) var(--orange-s) calc(var(--orange-l) - var(--orange-l) * 0.85) / 0.6);--yellow-fg-muted-1: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - var(--yellow-l) * 0.85) / 0.5);--yellow-fg-muted-2: hsl(var(--yellow-h) var(--yellow-s) calc(var(--yellow-l) - var(--yellow-l) * 0.85) / 0.6);--green-fg-muted-1: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - var(--green-l) * 0.85) / 0.5);--green-fg-muted-2: hsl(var(--green-h) var(--green-s) calc(var(--green-l) - var(--green-l) * 0.85) / 0.6);--blue-fg-muted-1: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.85) / 0.5);--blue-fg-muted-2: hsl(var(--blue-h) var(--blue-s) calc(var(--blue-l) - var(--blue-l) * 0.85) / 0.6);--purple-fg-muted-1: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - var(--purple-l) * 0.85) / 0.5);--purple-fg-muted-2: hsl(var(--purple-h) var(--purple-s) calc(var(--purple-l) - var(--purple-l) * 0.85) / 0.6);--shade-color: rgb(0 0 0 / 0.07);--bg-muted-neutral-1: rgb(0 0 0 / var(--color-opacity-1));--bg-muted-neutral-2: rgb(0 0 0 / var(--color-opacity-2));--fg-muted-neutral-1: rgb(0 0 0 / 0.5);--fg-muted-neutral-2: rgb(0 0 0 / 0.6);--l: clamp(0, (l / 0.623 - 1) * -infinity, 1);--a: