/* ============================================================= tokens.css — ALLE farger, fonter og avstander samlet ett sted. Bytt design her. Ingen andre filer skal hardkode farger/fonter. Nå: placeholder-gråtoner + Adobe Fonts (Canto / Garamond Premier Pro) med systemfont-fallback til kit-ID er satt. ============================================================= */ :root { /* ---- Farger (placeholder: gråtoner) ---- */ --color-bg: #f4f4f5; /* hovedbakgrunn */ --color-bg-alt: #e6e6e8; /* case-seksjoner med bakgrunnsfarge */ --color-bg-dark: #2b2b2e; /* mørke seksjoner (video/hero) */ --color-surface: #ffffff; /* kort/paneler */ --color-text: #1c1c1e; /* brødtekst */ --color-text-muted: #6b6b70; /* dempet tekst */ --color-text-invert: #f4f4f5; /* tekst på mørk bakgrunn */ --color-accent: #8a8a90; /* aksent (placeholder-grå) */ --color-accent-contrast:#ffffff;/* tekst på aksent */ --color-border: #d1d1d6; --color-overlay: rgba(20, 20, 22, 0.55); /* over video */ /* ---- Fonter ---- Adobe Fonts: Canto (overskrift), Garamond Premier Pro (brødtekst). Fallback-stakken vises til Adobe-kit-ID er lagt inn i . */ --font-heading: "canto", "Canto", Georgia, "Times New Roman", serif; --font-body: "garamond-premier-pro", "Garamond Premier Pro", Georgia, "Times New Roman", serif; /* ---- Skriftstørrelser (fluid) ---- */ --fs-hero: clamp(2.5rem, 7vw, 6rem); --fs-h2: clamp(1.75rem, 4vw, 3rem); --fs-lead: clamp(1.1rem, 2vw, 1.5rem); --fs-body: clamp(1rem, 1.4vw, 1.15rem); --fs-small: 0.9rem; --lh-tight: 1.1; --lh-normal: 1.6; /* ---- Avstander ---- */ --space-xs: 0.5rem; --space-sm: 1rem; --space-md: 2rem; --space-lg: 4rem; --space-xl: 8rem; --content-max: 1200px; --text-col-max: 42ch; /* ---- Radius / skygge / overgang ---- */ --radius: 10px; --shadow: 0 10px 40px rgba(0, 0, 0, 0.18); --ease: cubic-bezier(0.22, 1, 0.36, 1); --dur: 0.4s; /* ---- Lag (z-index) ---- */ --z-video: 1; --z-content: 2; --z-ui: 10; }