/* ═══════════════════════════════════════════════════════════════════ weyoga.css — Dual-Palette Foundation Filed: 2026-07-07 · Aman-benchmark material language @see docs/canon/2026-07-07-category-canon.md @see docs/specs/2026-07-07-dual-palette-foundation.md TWO FIELDS, ONE THRESHOLD: · Editorial field (ivory/bone) — home, about, press, investors, letter, contact, transparency, white-paper, legal, start · Sanctuary field (obsidian) — sanctuary, return. The dark field is RESERVED. BEGIN is the threshold where the palettes meet. ═══════════════════════════════════════════════════════════════════ */ :root { /* ── EDITORIAL FIELD — limewash, stone, timber ─────────────────── */ --field: #F7F4ED; /* bone warmed toward limewash */ --field-raised: #FDFCF9; /* ivory — cards, raised planes */ --field-recessed: #EFEBE1; /* recessed panels, quiet contrast */ --ink: #1C1A16; /* warm near-black, never pure */ --ink-80: rgba(28, 26, 22, 0.80); --ink-55: rgba(28, 26, 22, 0.55); --ink-35: rgba(28, 26, 22, 0.35); --ink-15: rgba(28, 26, 22, 0.15); --ink-08: rgba(28, 26, 22, 0.08); --stone: #8B8478; /* rules, borders — raked-light taupe */ --stone-40: rgba(139, 132, 120, 0.40); --timber: #6B5D4F; /* rare warm accent — links, hover */ /* ── SANCTUARY FIELD — preserved verbatim, zero visual delta ───── */ --obsidian: #0C0D0A; --bone: #F9F7F2; --bone-92: rgba(249, 247, 242, 0.92); --bone-80: rgba(249, 247, 242, 0.80); --bone-60: rgba(249, 247, 242, 0.60); --bone-55: rgba(249, 247, 242, 0.55); --bone-45: rgba(249, 247, 242, 0.45); --bone-35: rgba(249, 247, 242, 0.35); --bone-30: rgba(249, 247, 242, 0.30); --bone-15: rgba(249, 247, 242, 0.15); --bone-12: rgba(249, 247, 242, 0.12); --bone-08: rgba(249, 247, 242, 0.08); --bone-06: rgba(249, 247, 242, 0.06); /* ── SHARED TYPOGRAPHY & MOTION ─────────────────────────────────── */ --font-serif: 'Cormorant Garamond', Georgia, serif; --font-ui: 'DM Sans', sans-serif; --font-mono: 'Courier New', monospace; --ease: cubic-bezier(0.22, 1, 0.36, 1); } /* ── FIELD CLASSES — a page declares its field on ──────────── */ body.field-editorial { background: var(--field); color: var(--ink); font-family: var(--font-serif); -webkit-font-smoothing: antialiased; } body.field-sanctuary { background: var(--obsidian); color: var(--bone-92); font-family: var(--font-serif); -webkit-font-smoothing: antialiased; } /* ── THE THRESHOLD — BEGIN: dark element on the light field ───────── */ .threshold { display: inline-block; background: var(--ink); color: var(--field-raised); font-family: var(--font-ui); font-weight: 300; letter-spacing: 0.22em; text-transform: uppercase; padding: 18px 44px; border: none; text-decoration: none; transition: background 0.5s var(--ease), letter-spacing 0.5s var(--ease); cursor: pointer; } .threshold:hover { background: var(--obsidian); letter-spacing: 0.28em; }