/* ========================================================================== Jersey Shore Consultants — 1. SETTINGS · design tokens "Resort Boardroom Light" — architectural print, high-contrast light editorial. Alabaster canvas, executive ink, muted casino gold. Zero border-radius. Zero box-shadows. Hairline framework only. Brand colors sampled from the original JSC mark: navy #113F61 · gold #A2793B → #FBF3A0 Full specification: DESIGN.md in the repository root. Load order (see any page ): tokens → base → layout → components → chrome → utilities ========================================================================== */ :root { /* Canvas & surfaces — warm print stock, never pure white */ --bg-canvas: #FBFBF9; /* fine linen / alabaster matte */ --bg-surface: #F5F4F0; /* architectural concrete / warm putty */ --bg-panel: #FFFFFF; /* input & floating panel paper */ /* Ink */ --text-primary: #111625; /* deep executive black ink */ --text-secondary: #4A5262; /* slate editorial subtext */ --text-faint: #626A7A; /* captions, crumbs, metadata */ /* Gold — structural accent only, never body copy */ --accent-gold: #A2793B; /* muted casino gold leaf: rules, marks */ --accent-gold-deep: #8C6529; /* small text / interactive gold (AA on canvas) */ --accent-gold-bright: #C9A24A; /* gold on dark ink (footer) only */ --state-error: #9A2B2B; /* form error text only (AA on canvas) */ /* Hairline framework */ --border-fine: rgba(17, 22, 37, 0.08); --border-strong: rgba(17, 22, 37, 0.18); --border-gold: rgba(162, 121, 59, 0.45); /* Dark colophon (footer) */ --ink-block: #111625; --on-ink: #F4F4F0; --on-ink-soft: rgba(244, 244, 240, 0.66); --on-ink-faint: rgba(244, 244, 240, 0.58); --on-ink-line: rgba(244, 244, 240, 0.14); /* Type families */ --font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif; --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace; /* Fluid type scale — serif display runs larger than a sans scale would */ --t-hero: clamp(2.8rem, 1.7rem + 4.4vw, 5.3rem); --t-h1: clamp(2.6rem, 1.55rem + 4.2vw, 4.9rem); --t-h2: clamp(2.05rem, 1.45rem + 2.4vw, 3.35rem); --t-h3: clamp(1.5rem, 1.28rem + 0.9vw, 2rem); --t-h4: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem); --t-lead: clamp(1.06rem, 0.98rem + 0.42vw, 1.3rem); --t-body: 1rem; --t-sm: 0.9125rem; --t-xs: 0.8125rem; --t-eyebrow: 0.72rem; /* Rhythm */ --gap: clamp(1rem, 0.6rem + 1.4vw, 1.75rem); --section-y: clamp(3.25rem, 2rem + 4vw, 6.5rem); --shell: 1200px; --shell-narrow: 780px; --pad-x: clamp(1.25rem, 0.6rem + 2.6vw, 3rem); /* Sharp architecture — radius is banned, tokens pinned to zero */ --radius-sm: 0px; --radius: 0px; --radius-lg: 0px; --ease: cubic-bezier(0.25, 1, 0.5, 1); --dur: 0.5s; --header-h: 88px; } /* Slimmer chrome on the drawer breakpoint — the drawer, panels and heroes all read this token, so the two must change together. */ @media (max-width: 940px) { :root { --header-h: 72px; } }