blob: ba1d327cb4e7fe2dd6d63678d3f41aece2552534 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
|
---
import '@fontsource-variable/inter';
// 'DM Sans'
// Nunito
// Dosis
// Outfit
// Roboto
// Literata
// 'IBM Plex Sans'
// Karla
// Poppins
// 'Fira Sans'
// 'Libre Franklin'
// Inconsolata
// Raleway
// Oswald
// 'Space Grotesk'
// Urbanist
---
<style is:inline>
:root {
--aw-font-sans: 'Inter Variable';
--aw-font-serif: 'Inter Variable';
--aw-font-heading: 'Inter Variable';
/* New stone-inspired color palette */
--aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */
--aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */
--aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */
--aw-color-text-heading: rgb(43 43 43); /* Ciemny grafit - Wyraźny i kontrastowy */
--aw-color-text-default: rgb(43 43 43); /* Ciemny grafit - Tekst główny */
--aw-color-text-muted: rgb(43 43 43 / 66%); /* Ciemny grafit z przezroczystością */
--aw-color-bg-page: rgb(248 248 248); /* Jasny marmur - Tło główne */
--aw-color-bg-section: rgb(230 230 230); /* Szary piaskowiec - Sekcje/boxy */
--aw-color-bg-page-dark: rgb(3 6 32);
::selection {
background-color: rgb(182 165 139);
color: rgb(43 43 43);
}
}
.dark {
--aw-font-sans: 'Inter Variable';
--aw-font-serif: 'Inter Variable';
--aw-font-heading: 'Inter Variable';
/* Dark mode - keeping some stone inspiration but darker */
--aw-color-primary: rgb(182 165 139); /* Ciepły granitowy beż - CTA, przyciski */
--aw-color-secondary: rgb(122 92 58); /* Brązowy klinkier - Hover CTA / ikonki */
--aw-color-accent: rgb(182 165 139); /* Ciepły granitowy beż - Akcent */
--aw-color-text-heading: rgb(247, 248, 248);
--aw-color-text-default: rgb(229 236 246);
--aw-color-text-muted: rgb(229 236 246 / 66%);
--aw-color-bg-page: rgb(3 6 32);
--aw-color-bg-section: rgb(15 20 40); /* Darker section background */
::selection {
background-color: rgb(182 165 139);
color: rgb(43 43 43);
}
}
</style>
|
