/* ============================================================================ * Fluente — tier-2 design tokens (app-scoped extension) * ============================================================================ * * The brand-registry generates the canonical base tokens (--brand-bg, * --brand-ink, --brand-primary, --brand-radius, --brand-font-sans, …) into * /brand/fluente.tokens.css * * This sheet adds the extended Language Academy palette from the locked * Aioras_65 design handoff (project/sites/fluente-academy-2026-05-19/site/ * styles*.css) that the registry schema doesn't yet model: stepped paper * surfaces (--navy-rich/--navy-card/--navy-soft), bone ink scale, coral * accents and the voice spectrum. * * Pattern is the TreeGenes Night Canopy tier-2 precedent (review * brand-registry/reviews/approved/2026-05-10-treegenes-night-canopy-pivot.yaml). * * Loaded after fluente.tokens.css in so registry tokens win for * shared semantics and these extend without overriding. The light-paper * landing values here become the default; the section-bound palette block * in index.astro retokens these on scroll via [data-pal]. * ============================================================================ */ :root { /* Paper base — maps to registry where possible, falls back to handoff hex */ --navy: #FDFBF7; /* page bg (light paper, default palette) */ --navy-rich: #F5EFE3; /* deeper paper */ --navy-card: #FFFFFF; /* card surface */ --navy-soft: #FAF6EC; /* soft tint */ --navy-line: #E2D8C4; /* hairline */ --navy-line-2: #CFC2A7; /* stronger hairline */ /* Ink — inverted from the original dark-theme bone scale, registry primary ink (--brand-ink = #FDFBF7) is the *paper* in this layout, so canonical ink comes from --brand-bg (#0D1B2A). */ --bone: var(--brand-bg, #0D1B2A); /* primary text */ --bone-dim: #4A5568; /* secondary */ --bone-mute: #8B7E64; /* tertiary / mono labels */ /* Fluente coral — slightly deeper for AA on cream */ --coral: #D85A33; --coral-bright: #E8704A; --coral-deep: #A8421F; --coral-soft: rgb(216 90 51 / 0.10); --coral-line: rgb(216 90 51 / 0.32); /* Brass — secondary, registry-aligned (#C5A059 generated, deepened for paper) */ --brass: #8B6A2F; --brass-soft: rgb(139 106 47 / 0.10); /* Voice spectrum — same hues, slightly deepened */ --v1: #D85A33; --v2: #8B6A2F; --v3: #5A6B3D; --v4: #386B8A; --v5: #5A3D5A; /* Typography aliases — re-emit registry families under the handoff names */ --serif: var(--brand-font-display, 'Cormorant Garamond', Georgia, 'Times New Roman', serif); --sans: 'Inter', -apple-system, system-ui, sans-serif; --mono: var(--brand-font-mono, 'JetBrains Mono', ui-monospace, monospace); /* Geometry + motion */ --radius: var(--brand-radius, 2px); --radius-card: var(--brand-radius-lg, 4px); --line-1: 1px solid rgb(13 27 42 / 0.10); --line-2: 1px solid rgb(13 27 42 / 0.18); --t-fast: 180ms cubic-bezier(.22, .61, .36, 1); --t-med: 320ms cubic-bezier(.22, .61, .36, 1); --t-slow: 600ms cubic-bezier(.22, .61, .36, 1); }