/* ============================================================ Sockaway — marketing site styles Design system: design-system/sockaway/MASTER.md ============================================================ */ /* ---------- 1. Design tokens (from MASTER.md) ---------- */ :root { --color-primary: #18181B; --color-secondary: #3F3F46; --color-cta: #2563EB; --color-background: #FAFAFA; --color-surface: #FFFFFF; --color-text: #09090B; --color-divider: #E2E8F0; --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem; --shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --shadow-md: 0 4px 6px rgba(0,0,0,0.08); --shadow-lg: 0 10px 15px rgba(0,0,0,0.10); --shadow-xl: 0 20px 25px rgba(0,0,0,0.15); --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --motion-fast: 200ms; --motion-med: 280ms; --ease: cubic-bezier(0.22, 0.61, 0.36, 1); } /* ---------- 2. Tailwind extension via runtime config ---------- */ /* Loaded inline so the CDN script picks it up before utilities resolve. */ /* (No build step — see