72 lines
1.1 KiB
CSS
72 lines
1.1 KiB
CSS
:root {
|
|
--bg: #faf7f2;
|
|
--bg-elev: #ffffff;
|
|
--ink: #2a2520;
|
|
--ink-mute: #6b6157;
|
|
--accent: #6e3a1f;
|
|
--rule: #e8e0d4;
|
|
--radius: 14px;
|
|
--radius-lg: 22px;
|
|
--shadow: 0 1px 2px rgba(42, 37, 32, 0.06), 0 8px 24px rgba(42, 37, 32, 0.08);
|
|
|
|
--font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
|
|
--font-serif: ui-serif, Georgia, 'Times New Roman', serif;
|
|
|
|
color-scheme: light;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: var(--bg);
|
|
color: var(--ink);
|
|
font-family: var(--font-sans);
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-tap-highlight-color: transparent;
|
|
overscroll-behavior-y: contain;
|
|
}
|
|
|
|
body {
|
|
min-height: 100dvh;
|
|
}
|
|
|
|
#app {
|
|
min-height: 100dvh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-family: var(--font-serif);
|
|
font-weight: 600;
|
|
letter-spacing: -0.01em;
|
|
margin: 0;
|
|
}
|
|
|
|
a {
|
|
color: var(--accent);
|
|
text-decoration: none;
|
|
}
|
|
|
|
button {
|
|
font: inherit;
|
|
color: inherit;
|
|
background: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
input {
|
|
font: inherit;
|
|
color: inherit;
|
|
}
|
|
|
|
img {
|
|
display: block;
|
|
max-width: 100%;
|
|
}
|