/* * PerfectPlace brand tokens — cyan → navy. * * Authoritative CSS custom properties for the v0.1 surfaces. Hex values are * lifted from the registered spiral-pin lockup (cyan #15abce, navy #29274e / * deep #2e2951). `src/tokens.ts` mirrors the core palette for JS-side use * (MapLibre marker colors, inline SVG fills); a test asserts the two stay in * sync. Phase 3 (pp-2ty) is responsible for including this stylesheet in the * document ; ui-kit only ships it. */ :root { /* Brand palette */ --pp-cyan: #15abce; --pp-cyan-bright: #1cc6e8; --pp-navy: #29274e; --pp-navy-deep: #2e2951; /* Semantic roles */ --pp-ink: var(--pp-navy); --pp-paper: #ffffff; --pp-muted: #5b5a76; --pp-border: #d8d7e4; --pp-mark-gradient: linear-gradient( 135deg, var(--pp-navy-deep) 0%, var(--pp-cyan) 100% ); /* Spacing scale (rem) */ --pp-space-1: 0.25rem; --pp-space-2: 0.5rem; --pp-space-3: 0.75rem; --pp-space-4: 1rem; --pp-space-6: 1.5rem; --pp-space-8: 2rem; /* Radii */ --pp-radius-sm: 4px; --pp-radius-md: 8px; --pp-radius-lg: 16px; /* Type */ --pp-font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --pp-font-display: var(--pp-font-sans); }