/* ========================================================================== Deuce — deucewrld.com One stylesheet for every page. No build step, no external requests. Palette is lifted verbatim from lib/core/style/app_colors.dart so the site and the app stay in sync. If a colour changes there, change it here. Direction: every inline-axis property is LOGICAL (margin-inline-start, not margin-left). Switching to Arabic flips `dir` on and nothing else needs to know. ========================================================================== */ :root { /* Brand — from AppColors */ --green: #00450d; /* AppColors.primary — primary surfaces */ --green-mid: #1b5e20; /* AppColors.primaryContainer — "Court Green" */ --lime: #bcf200; /* AppColors.secondaryContainer — accent, CTAs */ --paper: #f9f9f6; /* AppColors.surface — page background */ --ink: #1a1c1b; /* AppColors.onSurface — body text */ /* Supporting neutrals — also from AppColors */ --ink-soft: #41493e; /* onSurfaceVariant */ --card: #ffffff; /* surfaceContainerLowest */ --card-alt: #f4f4f1; /* surfaceContainerLow */ --hairline: #c0c9bb; /* outlineVariant */ --outline: #717a6d; /* outline */ /* Type — system stacks only. No webfonts: no build step, no third-party request, nothing to consent to. */ --font-latin: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-arabic: "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", Tahoma, Arial, sans-serif; --measure: 62ch; /* readable line length */ --gutter: clamp(1.25rem, 5vw, 3rem); --radius: 14px; } /* ── Bilingual switching ────────────────────────────────────────────────── Both languages live in the same document. The inline script sets data-lang on before first paint, so there is no flash of the wrong language. Elements carrying .lang-swap are the toggle's own labels and invert the rule (the button shows the language you are NOT reading). With JavaScript off, data-lang is never set — the