/* ========================================================= EASYCORP DESIGN TOKENS — BASE Delte tokens for begge overflater (.ec-shop og .ec-corp). Surface-spesifikke variabler ligger i tokens-shop.css / tokens-corp.css og scoper seg selv via klasse på . ========================================================= */ :root { /* Brand */ --ec-red: #E92828; --ec-red-ink: #C81F1F; --ec-red-soft: #FDECEC; /* Neutrals */ --ec-ink: #0B0B0C; --ec-ink-2: #1A1A1A; --ec-ink-3: #2D2D2D; --ec-mute: #6B7280; --ec-mute-2: #9AA0A6; --ec-line: #E5E7EB; --ec-line-2: #EEF0F2; --ec-bg: #FFFFFF; /* Type — Inter for UI, Josefin Sans kun for logo + corp-overflate */ --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; --font-logo: 'Josefin Sans', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace; /* Radius */ --r-xs: 4px; --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-pill: 999px; /* Shadow */ --shadow-xs: 0 1px 2px rgba(15,27,45,0.04); --shadow-sm: 0 1px 3px rgba(15,27,45,0.06), 0 1px 2px rgba(15,27,45,0.04); --shadow-md: 0 4px 12px rgba(15,27,45,0.06), 0 2px 4px rgba(15,27,45,0.04); --shadow-lg: 0 12px 32px rgba(15,27,45,0.10), 0 4px 8px rgba(15,27,45,0.05); /* Spacing (4px base) */ --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; /* Containers */ --container: 1280px; --container-narrow: 1100px; --container-text: 720px; } /* Selvhostede font-faces lastes når woff2-filer finnes i assets/fonts/. Inntil filene er på plass faller systemet trygt tilbake til system-stack. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: local('Inter'), url('../fonts/inter-var.woff2') format('woff2-variations'), url('../fonts/inter-var.woff2') format('woff2'); } @font-face { font-family: 'Josefin Sans'; font-style: normal; font-weight: 300; font-display: swap; src: local('Josefin Sans Light'), url('../fonts/josefin-sans-300.woff2') format('woff2'); }