/* ═══════════════════════════════════════════════════════════ ARBOR — DESIGN TOKENS CSS custom properties (variables) shared across all pages. Font imports are handled via in each HTML . ═══════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --g950: #031a0d; --g900: #052e16; --g800: #166534; --g700: #15803d; --g600: #16a34a; --g500: #22c55e; --g400: #4ade80; --g300: #86efac; --g200: #bbf7d0; --g100: #dcfce7; --g50: #f0fdf4; --amber: #d97706; --amber-l: #fbbf24; --s900: #1c1917; --s800: #292524; --s700: #44403c; --s600: #57534e; --s400: #a8a29e; --s200: #e7e5e4; --s100: #f5f5f4; --s50: #fafaf9; --white: #ffffff; --serif: "Lora", Georgia, serif; --sans: "Raleway", system-ui, sans-serif; --r: 1rem; --r-lg: 1.5rem; --shadow-green: 0 4px 24px rgba(21, 128, 61, 0.2); --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.12); }