/*
* ═══════════════════════════════════════════════════════════
* PROOF STANDARD — CANONICAL CLIENT TOKEN LAYER
* Shared across all ProofLabs client portal pages.
*
* Usage:
*
* Naming: --pl-* (prefix = ProofLabs, prevents conflicts)
* Source of truth: src/assets/prooflabs-design-system.html
* ═══════════════════════════════════════════════════════════
*/
:root {
/* ── Backgrounds ──────────────────────────────────── */
--pl-bg: #0C0A08; /* main page background */
--pl-bg2: #161311; /* sidebar + elevated panels */
--pl-bg3: #1E1B17; /* cards, secondary surfaces */
--pl-bg4: #252118; /* hover states, tertiary */
--pl-bg5: #2C2720; /* borders visible on bg3/bg4 */
/* ── Light surface variants (hub, forecast, payout) ── */
--pl-light: #F7F3ED; /* warm cream page background */
--pl-light2: #F0EBE3; /* light card surface */
--pl-light3: #E8E2D8; /* light border / divider */
/* ── Text ─────────────────────────────────────────── */
--pl-text: #F0EBE2; /* primary — on dark */
--pl-text2: #A89880; /* secondary: labels, captions */
--pl-text3: #6B5F52; /* tertiary: placeholders, disabled */
--pl-text-dk: #2C2218; /* primary — on light */
--pl-text-dk2:#8C7B6A; /* secondary — on light */
/* ── Bourbon Gold (brand accent) ─────────────────── */
--pl-gold: #C8A04A; /* canonical gold — on dark */
--pl-gold-warm: #9A7730; /* warm gold — on light */
--pl-gold-lt: #D4B060;
--pl-gold-dim: rgba(200,160,74,0.10);
--pl-gold-dim2: rgba(200,160,74,0.18);
--pl-gold-border:rgba(200,160,74,0.22);
/* ── Brand wordmark (Playfair only) ─────────────── */
--pl-wordmark-proof: #F2ECE2; /* "PROOF" */
--pl-wordmark-labs: #C8A04A; /* italic "labs" — canonical gold */
/* ── Semantic ─────────────────────────────────────── */
--pl-success: #4ADE80;
--pl-warning: #FBBF24;
--pl-error: #F87171;
--pl-info: #60A5FA;
--pl-sage: #5A7A4E;
--pl-copper: #A0652A;
/* ── Borders ──────────────────────────────────────── */
--pl-border: rgba(255,255,255,0.05);
--pl-border2: rgba(255,255,255,0.09);
--pl-border3: rgba(255,255,255,0.14);
/* ── Typography ───────────────────────────────────── */
--pl-font-display: 'Fraunces', Georgia, serif;
--pl-font-body: 'DM Sans', -apple-system, sans-serif;
--pl-font-mono: 'IBM Plex Mono', monospace;
/* ── Radius ───────────────────────────────────────── */
--pl-r-sm: 6px;
--pl-r-md: 10px;
--pl-r-lg: 14px;
--pl-r-pill: 999px;
/* ── Topnav ───────────────────────────────────────── */
--pl-nav-bg: #0C0A08;
--pl-nav-border: rgba(200,160,74,0.12);
--pl-nav-height: 52px;
/* ── Transitions ──────────────────────────────────── */
--pl-t-fast: 150ms ease;
--pl-t-base: 220ms ease;
}
/*
* CANONICAL GOOGLE FONTS IMPORT (copy into every template )
* ────────────────────────────────────────────────────────────────
*
*
*
*
* Fraunces — display / headings / KPI values
* DM Sans — body / nav / labels
* IBM Plex Mono — data / numbers / code
* Playfair Display — wordmark only (PROOF bold 700, labs italic 500)
*/
/*
* MIGRATION NOTES
* ───────────────
* Templates currently using per-page :root blocks should migrate to this file.
* Old variable → new canonical:
*
* --bg → --pl-bg (or --pl-light for light-theme pages)
* --bg2 → --pl-bg3
* --accent → --pl-gold / --pl-gold-warm
* --text → --pl-text / --pl-text-dk
* --muted → --pl-text2 / --pl-text-dk2
* --success → --pl-success
* --warning → --pl-warning
* --font-display→ --pl-font-display
* --font-body → --pl-font-body
* --base → --pl-light
* --card → --pl-light2 (light) or --pl-bg3 (dark)
* --dark-nav-bg → --pl-nav-bg
* --navy → --pl-light (note: map.html has this inverted — fix on migration)
* --cream → --pl-text-dk
*/