/* Confluency Partners — Design Tokens Import this file first. All other stylesheets inherit from it. Fonts loaded via Google Fonts in : Glegoo, Josefin Sans, Poly */ :root { /* ─── Colors ─────────────────────────────────────────────── */ --cream: #FFFBEC; --forest: #1E6342; --mint: #58AE84; --earth: #140B07; --terracotta: #A24936; --stone: #CABFAE; --card-bg: #F5F0E4; /* Earth at opacity — use these instead of inline rgba() */ --earth-70: rgba(20, 11, 7, 0.70); --earth-50: rgba(20, 11, 7, 0.50); /* ─── Font Families ──────────────────────────────────────── */ --font-display: 'Glegoo', Georgia, serif; --font-ui: 'Josefin Sans', system-ui, sans-serif; --font-reading: 'Poly', Georgia, serif; /* ─── Type Scale ─────────────────────────────────────────── */ --text-h1: 32px; --text-h2: 28px; --text-h3: 20px; --text-dek: 18px; --text-body: 15px; --text-subheading: 15px; --text-logo: 15px; --text-nav: 12px; --text-button: 12px; --text-attribution: 11px; --text-meta: 11px; --text-eyebrow: 10px; /* ─── Font Weights ───────────────────────────────────────── */ --weight-light: 300; --weight-regular: 400; --weight-semibold: 600; --weight-bold: 700; /* ─── Letter Spacing ─────────────────────────────────────── */ --tracking-logo: 0.08em; --tracking-nav: 0.08em; --tracking-eyebrow: 0.15em; --tracking-button: 0.10em; --tracking-attribution: 0.10em; --tracking-subheading: 0.03em; --tracking-meta: 0.06em; /* ─── Line Heights ───────────────────────────────────────── */ --leading-body: 1.85; --leading-dek: 1.60; --leading-tight: 1.40; /* ─── Spacing (base unit: 8px) ───────────────────────────── */ --space-unit: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-6: 48px; --space-8: 64px; --space-12: 96px; /* ─── Layout ─────────────────────────────────────────────── */ --section-padding: var(--space-8); /* 64px */ --content-max: 1440px; } /* ─── Desktop scale-up ────────────────────────────────────── */ @media (min-width: 768px) { :root { --text-h1: 48px; --text-h2: 36px; --section-padding: var(--space-12); /* 96px */ } }