48 lines
929 B
CSS
48 lines
929 B
CSS
:root {
|
|
--bg: #f8f5f0;
|
|
--surface: #ffffff;
|
|
--surface-muted: #f3eee8;
|
|
--text: #342820;
|
|
--text-muted: #75685f;
|
|
--border: #e7ddd4;
|
|
--accent: #a85d2a;
|
|
--accent-dark: #84441d;
|
|
--accent-soft: #f5e5d8;
|
|
--danger: #b64235;
|
|
--success: #377a58;
|
|
--shadow: 0 10px 30px rgba(75, 45, 26, 0.08);
|
|
--shadow-lg: 0 20px 50px rgba(75, 45, 26, 0.14);
|
|
--radius: 16px;
|
|
--radius-sm: 10px;
|
|
--transition: 180ms ease;
|
|
--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
|
|
font-family: var(--sans);
|
|
color: var(--text);
|
|
background: var(--bg);
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
min-width: 320px;
|
|
background: var(--bg);
|
|
}
|
|
|
|
body {
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
margin: 0;
|
|
}
|
|
|
|
button,
|
|
input {
|
|
font: inherit;
|
|
}
|