/* Design system tokens for Metodo D7.
* Loaded by every page via . Page-specific CSS may override locally.
* Google Fonts (Oswald, Inter, JetBrains Mono, Caveat) come from
* in each HTML — keeps them on the critical path with parallel download.
*/
:root {
/* Neutral palette */
--black: #050505;
--charcoal: #0E0E10;
--graphite: #18181B;
--steel: #27272A;
--silver: #D4D4D8;
--bone: #FAFAFA;
/* Brand orange */
--orange: #F26B1F;
--orange-deep: #D4541B;
--orange-ember: #FF8533;
--orange-smoke: rgba(242, 107, 31, 0.12);
--orange-line: rgba(242, 107, 31, 0.35);
/* Shadows */
--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);
--shadow-md: 0 10px 30px rgba(0, 0, 0, 0.3);
--shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.4);
--glow: 0 0 40px rgba(242, 107, 31, 0.3);
/* Radii */
--radius-sm: 12px;
--radius-md: 16px;
--radius-lg: 20px;
--radius-xl: 24px;
/* Typography */
--display-font: 'Oswald', 'Helvetica Neue', sans-serif;
--body-font: 'Inter', system-ui, sans-serif;
--mono-font: 'JetBrains Mono', ui-monospace, monospace;
}
/* Accent variants — switch via */
[data-accent="ember"] {
--orange: #FF8533;
--orange-deep: #F26B1F;
}
[data-accent="red"] {
--orange: #E04A1F;
--orange-deep: #B13313;
--orange-ember: #F26B1F;
}
/* Base reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
background: var(--black);
color: var(--bone);
font-family: var(--body-font);
font-size: 16px;
line-height: 1.6;
min-height: 100vh;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
::selection { background: var(--orange); color: var(--black); }
a { color: inherit; text-decoration: none; }
/* Shared keyframes */
@keyframes pulse { 50% { opacity: 0.4; } }