/* ==========================================================================
tokens.css — HomeCV / Passpo design tokens (single source of truth)
Extracted from the HomeCV Dashboard. Import this FIRST in every onboarding
page, before coverage-model.css and before your page styles.
Fonts (load in before this file):
Icons (Tabler, used throughout — ):
========================================================================== */
:root {
/* Surfaces — warm off-white paper, never pure gray */
--bg: #ffffff;
--surface: #fbfbf8;
--surface-2: #eeede7;
--surface-3: #dcd9cf;
/* Hairlines */
--line: rgba(36,30,22,0.10);
--line-strong: rgba(36,30,22,0.20);
/* Ink ramp (warm near-black → soft brown). "espresso"/"forest" variants
exist on the dashboard; default ink shown here. */
--brown: #15130f;
--brown-2: #262320;
--brown-3: #403a33;
--brown-4: #5e564b;
/* Brand accents */
--accent: #175f64; /* brand teal — matches the live dashboard */
--accent-soft: #237b80; /* one step lighter — hovers & gradient highlights */
--gold: #b3884a; /* warm gold — secondary / seals */
--gold-soft: #d4a955;
/* Status (use sparingly; Coverage is descriptive, never a verdict) */
--success: #5d7a3d;
--warn: #b8842a;
--danger: #a04a3a;
/* Type */
--serif: 'Cormorant Garamond', 'Times New Roman', serif; /* display / numerals */
--sans: 'Inter', -apple-system, sans-serif; /* UI / body */
--mono: 'JetBrains Mono', ui-monospace, monospace; /* IDs / codes */
/* Radii */
--radius: 4px;
--radius-lg: 8px;
}
/* Sensible page defaults so a blank onboarding file already feels on-brand. */
html { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {
margin: 0;
background: var(--bg);
color: var(--brown);
font-family: var(--sans);
font-size: 15px;
line-height: 1.5;
}
h1, h2, h3 { font-family: var(--serif); font-weight: 600; color: var(--brown); line-height: 1.1; }