/* Copy of the Entrepreneur Ventures brand tokens. Source: entrepreneur-ventures/docs/brand/tokens.css in the clients repo, at commit 18e1503. Change the source and copy it over again; never edit this copy by hand. The one difference from the source is the long dash in the comment line below, replaced by a colon so this repo's no-long-dash check stays clean. */ /* Entrepreneur Ventures: design tokens. The single source for every HTML surface the fund owns: website, data room, HTML deck, email header, clip frames. Values are measured from the fund's Feb 2026 deck and from Entrepreneur Media's own stylesheet (see docs/brand/discovery-2026-09-02.md). This is the client's system, not HF Capital's; nothing here comes from HF's DESIGN.md. */ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); :root { /* ---- Colour: the dark system (deck, site, data room, clips) ---- */ --ev-navy: #181E34; /* ground */ --ev-navy-deep: #10151D; /* panels that sit below the ground */ --ev-panel: #1E2642; /* cards and callouts that sit above it */ --ev-line: #464B5D; /* rules and borders on dark */ --ev-text: #FFFFFF; --ev-text-muted: #B4B8C5; /* supporting lines on dark; 8.9:1 on navy */ --ev-text-faint: #747885; /* captions, footers; 4.6:1 on navy, never below 13px */ --ev-gold: #FDC700; /* Entrepreneur Media's primary-yellow, to the digit */ --ev-gold-deep: #D9A900; /* hover and pressed states of gold */ --ev-blue: #193CB8; /* Entrepreneur Media's primary-blue; second accent, links on light */ --ev-blue-light: #99A7F9; /* links and second series on dark */ --ev-red: #B3201A; /* alerts and errors only */ /* ---- Colour: the light system (print, one-pager, email body) ---- */ --ev-paper: #FFFFFF; --ev-paper-tint: #F4F5F8; --ev-paper-line: #E3E5EB; --ev-ink: #181E34; --ev-ink-muted: #595F73; /* ---- Type ---- */ --ev-font: "Manrope", "Segoe UI", Arial, sans-serif; --ev-display: 800 clamp(2.5rem, 5vw, 4rem)/1.05 var(--ev-font); /* one line that carries the page */ --ev-h1: 800 2.5rem/1.1 var(--ev-font); --ev-h2: 700 1.75rem/1.2 var(--ev-font); --ev-h3: 700 1.25rem/1.3 var(--ev-font); --ev-body: 400 1rem/1.55 var(--ev-font); --ev-body-lg: 400 1.125rem/1.55 var(--ev-font); --ev-small: 500 0.8125rem/1.45 var(--ev-font); --ev-eyebrow: 700 0.75rem/1 var(--ev-font); /* uppercase, letter-spacing .12em */ --ev-tracking-eyebrow: 0.12em; --ev-numerals: tabular-nums; /* every table and stat tile */ /* ---- Space, radius, shadow ---- */ --ev-space-1: 0.25rem; --ev-space-2: 0.5rem; --ev-space-3: 0.75rem; --ev-space-4: 1rem; --ev-space-6: 1.5rem; --ev-space-8: 2rem; --ev-space-12: 3rem; --ev-space-16: 4rem; --ev-radius: 6px; --ev-radius-lg: 12px; --ev-shadow: 0 8px 24px rgba(0, 0, 0, .35); /* ---- Layout ---- */ --ev-measure: 64ch; /* longest line of body text */ --ev-content: 1200px; /* site content width */ --ev-gutter: 1.5rem; /* ---- Chart palette: gold first, blue second, then greys. Never red or green for series. ---- */ --ev-chart-1: #FDC700; --ev-chart-2: #99A7F9; --ev-chart-3: #FFFFFF; --ev-chart-4: #747885; --ev-chart-5: #464B5D; --ev-chart-grid: rgba(255, 255, 255, .08); } /* Base: the dark system is the default. Add class="ev-light" to for the light system. */ body { margin: 0; background: var(--ev-navy); color: var(--ev-text); font: var(--ev-body); -webkit-font-smoothing: antialiased; } /* Manrope ligates "(c)" into ©, which turns "Rule 506(c)" into "Rule 506©". The `font` shorthand resets font-variant-ligatures, so this is set as a feature on every element, and marked !important because the shorthand resets font-feature-settings too. Costs the fi and fl ligatures; worth it. */ *, *::before, *::after { font-feature-settings: "liga" 0, "calt" 0, "dlig" 0, "rlig" 0 !important; } body.ev-light { background: var(--ev-paper); color: var(--ev-ink); } h1, .ev-h1 { font: var(--ev-h1); margin: 0 0 var(--ev-space-4); letter-spacing: -0.01em; } h2, .ev-h2 { font: var(--ev-h2); margin: 0 0 var(--ev-space-3); letter-spacing: -0.01em; } h3, .ev-h3 { font: var(--ev-h3); margin: 0 0 var(--ev-space-2); } .ev-display { font: var(--ev-display); letter-spacing: -0.02em; } p { max-width: var(--ev-measure); margin: 0 0 var(--ev-space-4); } small, .ev-small { font: var(--ev-small); color: var(--ev-text-faint); } body.ev-light small, body.ev-light .ev-small { color: var(--ev-ink-muted); } .ev-eyebrow { font: var(--ev-eyebrow); letter-spacing: var(--ev-tracking-eyebrow); text-transform: uppercase; color: var(--ev-gold); } body.ev-light .ev-eyebrow { color: var(--ev-blue); } .ev-num { font-variant-numeric: var(--ev-numerals); } /* The one gold word: the accent is a word, a bar or a mark, never a paragraph. */ .ev-accent { color: var(--ev-gold); } body.ev-light .ev-accent { color: var(--ev-ink); border-bottom: 3px solid var(--ev-gold); } a { color: var(--ev-blue-light); text-decoration: underline; text-underline-offset: 2px; } body.ev-light a { color: var(--ev-blue); } /* Buttons: gold fill for the single primary action on a page; outline for everything else. */ .ev-btn { display: inline-block; font: 700 1rem/1 var(--ev-font); padding: .875rem 1.5rem; border-radius: var(--ev-radius); border: 2px solid transparent; text-decoration: none; cursor: pointer; } .ev-btn-primary { background: var(--ev-gold); color: var(--ev-navy); } .ev-btn-primary:hover { background: var(--ev-gold-deep); } .ev-btn-outline { background: transparent; color: var(--ev-text); border-color: var(--ev-text); } body.ev-light .ev-btn-outline { color: var(--ev-ink); border-color: var(--ev-ink); } /* Cards and panels */ .ev-card { background: var(--ev-panel); border: 1px solid var(--ev-line); border-radius: var(--ev-radius-lg); padding: var(--ev-space-6); } body.ev-light .ev-card { background: var(--ev-paper-tint); border-color: var(--ev-paper-line); } .ev-rule { border: 0; border-top: 1px solid var(--ev-line); margin: var(--ev-space-8) 0; } body.ev-light .ev-rule { border-top-color: var(--ev-paper-line); } /* Stat tile: the number is the headline, the label is the sentence. */ .ev-stat { display: grid; gap: var(--ev-space-1); } .ev-stat .ev-stat-value { font: 800 2.25rem/1 var(--ev-font); font-variant-numeric: var(--ev-numerals); color: var(--ev-gold); } .ev-stat .ev-stat-label { font: var(--ev-small); color: var(--ev-text-muted); } body.ev-light .ev-stat .ev-stat-value { color: var(--ev-ink); } body.ev-light .ev-stat .ev-stat-label { color: var(--ev-ink-muted); } /* Tables: quiet rules, tabular numbers, no zebra. */ .ev-table { width: 100%; border-collapse: collapse; font-variant-numeric: var(--ev-numerals); } .ev-table th { text-align: left; font: var(--ev-eyebrow); letter-spacing: var(--ev-tracking-eyebrow); text-transform: uppercase; color: var(--ev-text-faint); padding: 0 var(--ev-space-3) var(--ev-space-2); border-bottom: 1px solid var(--ev-line); } .ev-table td { padding: var(--ev-space-3); border-bottom: 1px solid var(--ev-line); vertical-align: top; } .ev-table td.num, .ev-table th.num { text-align: right; } body.ev-light .ev-table th, body.ev-light .ev-table td { border-bottom-color: var(--ev-paper-line); } /* Footer strip, as on every deck slide: name left, address right. */ .ev-footer { display: flex; justify-content: space-between; font: var(--ev-eyebrow); letter-spacing: var(--ev-tracking-eyebrow); text-transform: uppercase; color: var(--ev-text-faint); }