/* CoCreate design tokens — non-color foundation. Color tokens live in css/themes/.css (ember default). Additive: safe to load alongside any existing per-page CSS. */ :root { /* Spacing — 4px base, 8px scale */ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 48px; --sp-10: 56px; --sp-11: 64px; --sp-12: 80px; --sp-13: 96px; --sp-14: 120px; --sp-15: 160px; --sp-16: 200px; /* Section + container */ --sec-py: clamp(64px, 8vw, 120px); --container-max: 1200px; --container-px: clamp(20px, 4vw, 40px); /* Type scale (fluid, clamped) */ --fs-display-xl: clamp(2.5rem, 6vw, 5rem); --fs-display-l: clamp(2rem, 4.5vw, 3.5rem); --fs-display-m: 1.75rem; --fs-title-l: 1.35rem; --fs-title-m: 1.25rem; --fs-body-l: 1.125rem; --fs-body-m: 1rem; --fs-body-s: 0.875rem; --fs-caption: 0.78rem; --ls-display: -0.03em; --ls-section: -0.02em; --ls-caption: 0.08em; --lh-tight: 1.1; --lh-snug: 1.3; --lh-normal: 1.55; --lh-relaxed: 1.7; /* Font families (loaded via Google Fonts links in ) */ --ff-display: 'Outfit', system-ui, -apple-system, sans-serif; --ff-body: 'DM Sans', system-ui, -apple-system, sans-serif; --ff-mono: ui-monospace, 'JetBrains Mono', Menlo, monospace; /* Radius */ --r-sm: 6px; --r-md: 10px; --r-lg: 16px; --r-xl: 24px; --r-2xl: 32px; --r-full: 999px; /* Shadows (kept theme-agnostic; glow color picks up --accent if defined) */ --sh-sm: 0 2px 6px rgba(0, 0, 0, 0.18); --sh-md: 0 6px 18px rgba(0, 0, 0, 0.24); --sh-lg: 0 30px 80px rgba(0, 0, 0, 0.55); --sh-glow: 0 12px 36px var(--glow-color, rgba(255, 195, 106, 0.28)); --sh-focus: 0 0 0 3px var(--focus-color, rgba(255, 195, 106, 0.45)); /* Z-index */ --z-base: 1; --z-nav: 100; --z-modal-backdrop: 1000; --z-modal: 1001; --z-toast: 1100; /* Motion */ --dur-fast: 160ms; --dur-base: 280ms; --dur-slow: 480ms; --ease-out: cubic-bezier(0.2, 0.7, 0.1, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --ease-spring: cubic-bezier(0.16, 1, 0.3, 1); } @media (prefers-reduced-motion: reduce) { :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; } }