/* ============================================================ ROLIA · rolia-type.css — KANONISK KILDE for type & farve Linkes som SIDSTE stylesheet i på hver side, så den vinder i kaskaden. Ret her ét sted → alle sider retter sig ind. Visuel reference: "Rolia Designsystem.html" ============================================================ */ :root{ /* ---- TYPE-SKALA (fast: ens på alle skærmstørrelser) ---- */ --fs-hero: 4.6rem; /* forside-/side-banner */ --fs-title: 2.5rem; /* sidetitel + sektionsoverskrift (h1/h2) */ --fs-lead: 20px; /* underlinje / lead under overskrift */ --fs-quote: 1.85rem; /* citater / pull-quotes / feature-statements */ --fs-card: 1.45rem; /* element- / kort-overskrift (h3) */ --fs-body: 17px; /* brødtekst */ --fs-list: 17px; /* bullet points */ --fs-eyebrow: 12px; /* eyebrow / kicker (versaler) */ --fs-small: 13px; /* meta, noter, fodnoter */ /* ---- DÆMPET TEKST PÅ MØRK GRØN (kun disse 3 niveauer) ---- */ --on-dark: #FFF6CF; /* fuld styrke — overskrifter, fremhævet */ --on-dark-2: rgba(255,246,207,0.85); /* sekundær brødtekst, links */ --on-dark-3: rgba(255,246,207,0.60); /* meta, fodnoter */ --on-dark-line: rgba(255,246,207,0.12); /* hårfine streger */ --on-dark-fill: rgba(255,246,207,0.08); /* svage flader */ } /* ============================================================ ROLLE-UTILITIES (til ny markup) ============================================================ */ .t-hero { font-size: var(--fs-hero); font-weight: 700; letter-spacing: -1.2px; line-height: 1.06; } .t-title { font-size: var(--fs-title); font-weight: 700; letter-spacing: -1px; line-height: 1.12; } .t-lead { font-size: var(--fs-lead); font-weight: 500; letter-spacing: -0.2px; line-height: 1.55; } .t-quote { font-size: var(--fs-quote); font-weight: 400; font-style: italic; letter-spacing: -0.4px; line-height: 1.4; } .t-card { font-size: var(--fs-card); font-weight: 700; letter-spacing: -0.4px; line-height: 1.2; } .t-body { font-size: var(--fs-body); font-weight: 400; line-height: 1.72; } .t-list { font-size: var(--fs-list); font-weight: 500; line-height: 1.55; } .t-eyebrow { font-size: var(--fs-eyebrow); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .t-small { font-size: var(--fs-small); font-weight: 500; } /* ============================================================ KANONISKE ROLLER bundet til de faktiske selektorer i sitet. Kun font-size/-weight/-spacing sættes — farver bevares fra sidernes egne regler (de dæmpede grøn-farver normaliseres separat til --on-dark-2 / --on-dark-3). ============================================================ */ /* ---- TITEL: sidetitel + sektionsoverskrift ---- */ h2, .subpage h1{ font-size: var(--fs-title); font-weight: 700; letter-spacing: -1px; line-height: 1.12; } /* ---- ELEMENT- / KORT-OVERSKRIFT ---- */ h3, .step h3, .benefit h3, .trygt-card h3, .af-title, .built-close, .subpage .article h2{ font-size: var(--fs-card); font-weight: 700; letter-spacing: -0.4px; line-height: 1.2; } /* ---- FEATURE-OVERSKRIFT (prominente sektions-headings, ét trin over kort) ---- */ .bs-lead, .trygt-meta h3{ font-size: var(--fs-quote); font-weight: 700; letter-spacing: -0.6px; line-height: 1.16; } .built-close{ font-size: var(--fs-card) !important; } /* in-article underafsnit (kun juridiske sider) — ét trin under */ .subpage .article h3{ font-size: var(--fs-body); font-weight: 700; line-height: 1.3; } /* ---- CITAT / PULL-QUOTE / FEATURE-STATEMENT ---- */ .founder blockquote, .quote-card blockquote, .built-pull{ font-size: var(--fs-quote); line-height: 1.4; } .built-pull{ font-size: var(--fs-quote) !important; } /* ---- UNDERLINJE / LEAD ---- */ .hvordan-head p, .built-head p, .trygt-head p, .benefits-head p, .waitlist-sub, .kontakt-sub{ font-size: var(--fs-lead); font-weight: 500; line-height: 1.55; } /* ---- BRØDTEKST ---- */ body, .mellem-copy p, .anderledes-copy p, .built-text p, .trygt-card p, .trygt-body p, .step p, .benefit p, .bs-body, .subpage .article, .subpage .article p{ font-size: var(--fs-body); } /* ---- BULLET POINTS / LISTER ---- */ .areas-card li, .built-areas li, .bs-areas li, .af-list li, .mellem-list li, .subpage .article ul li, .subpage .article ol li{ font-size: var(--fs-list); } /* ---- EYEBROW / KICKER (versaler) ---- */ .eyebrow, .subpage-eyebrow, .step-num, .af-kicker, .benefit-num, .built-areas h4, .areas-card h4, .trygt-meta .trygt-num, .trygt-livs .livs-label{ font-size: var(--fs-eyebrow); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } /* ---- META / NOTER / FODNOTER ---- */ .foot-copy, .foot-address, .foot-links a, .subpage .updated, .founder .attrib, .wl-note{ font-size: var(--fs-small); } /* ---- Mobil: reducér skriftstørrelserne (≤ 719px) ---- */ @media (max-width: 719px) { :root { --fs-hero: 2rem; --fs-title: 1.9rem; --fs-lead: 17px; --fs-quote: 1.3rem; --fs-card: 1.2rem; --fs-body: 15.5px; --fs-list: 15.5px; } }