/* MLH Client Portal — Design Tokens
   Source of truth: investor.modernlao.com/cameron/ design system
   Per WS-02 of _state/2026-05-08-portal-rebuild-plan.md
*/
:root {
  /* Surfaces */
  --paper: #FAF8F4;
  --paper-warm: #F5F2EC;
  --paper-table: #F5F2EC;
  --ink: #1A1A1A;
  --ink-deep: #0E0E0E;
  --dark: #2C2C2C;
  --subtle: #666;
  --light: #999;
  --white: #FFFFFF;
  --navy: #14181C;       /* deep neutral for closing/cover spreads */

  /* Accents — deep + bright gold from investor/cameron */
  --accent: #B8860B;     /* deep gold — text accent, eyebrows */
  --gold: #D4AF37;       /* bright gold — buttons, hairlines */
  --bronze: #A07730;     /* alias kept for legacy class hooks */
  --brown: #6E5A36;
  --brown-soft: #8C7B5C;

  /* Hairlines */
  --rule: rgba(26, 26, 26, 0.14);
  --rule-strong: rgba(26, 26, 26, 0.28);

  /* Typography */
  --font-display: 'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Layout rhythm */
  --outer: clamp(1.25rem, 5vw, 5rem);
  /* Section rhythm calmed-down 2026-05-08 — was clamp(72px,9vw,144px), too loud at tablet+.
     nav-strong.css enforces this same value with !important to defeat any inline overrides. */
  --section: clamp(48px, 6vw, 96px);

  /* Topbar */
  --topbar-h: 56px;
}