generated from bisco/codex-bootstrap
54 lines
1.3 KiB
CSS
54 lines
1.3 KiB
CSS
:root {
|
|
--azionelab-bg: #f3eee6;
|
|
--azionelab-surface: rgba(255, 255, 255, 0.78);
|
|
--azionelab-surface-strong: rgba(255, 255, 255, 0.92);
|
|
--azionelab-ink: #1e1b18;
|
|
--azionelab-muted: #645b53;
|
|
--azionelab-accent: #9f2f28;
|
|
--azionelab-accent-strong: #7f211c;
|
|
--azionelab-border: rgba(30, 27, 24, 0.12);
|
|
--azionelab-shadow: 0 18px 48px rgba(46, 28, 18, 0.12);
|
|
--azionelab-success-bg: #edf7ef;
|
|
--azionelab-success-ink: #1f5f2b;
|
|
--azionelab-success-border: rgba(46, 125, 50, 0.18);
|
|
--azionelab-error-bg: #fff3f1;
|
|
--azionelab-error-ink: #8b2a20;
|
|
--azionelab-error-border: rgba(179, 38, 30, 0.16);
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
min-height: 100%;
|
|
font-family: "Manrope", "Segoe UI", sans-serif;
|
|
color: var(--azionelab-ink);
|
|
background:
|
|
radial-gradient(circle at top right, rgba(159, 47, 40, 0.12), transparent 28%),
|
|
radial-gradient(circle at left center, rgba(140, 116, 86, 0.14), transparent 35%),
|
|
linear-gradient(180deg, #fbf7f2 0%, var(--azionelab-bg) 100%);
|
|
}
|
|
|
|
body {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-family: "Fraunces", "Times New Roman", serif;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
|
|
button, input, textarea {
|
|
font: inherit;
|
|
}
|
|
|
|
.material-symbols-outlined {
|
|
font-variation-settings:
|
|
'FILL' 0,
|
|
'wght' 500,
|
|
'GRAD' 0,
|
|
'opsz' 24;
|
|
}
|