/* GENERATED FROM config/theme.json — DO NOT EDIT. * Regenerate with: node tools/theme/build-theme-assets.cjs * * All five themes ship here. The one in force is data-pcm-theme on , set * before first paint by the boot snippet and changed by pcm-theme-switch.js. * :root carries the type scale and the first-visit default ("precision") so a * page is completely styled even with JavaScript off. */ :root{ color-scheme:light; --pcm-bg:#F4F6FA; --pcm-bg-deep:#333D5C; --pcm-ink:#151C2E; --pcm-body:#333B50; --pcm-muted:#6F7788; --pcm-accent:#5B46E8; --pcm-accent-alt:#8A5A12; --pcm-tint:#EEF2FF; --pcm-rule:#E3E7EF; --pcm-label:#5B46E8; --pcm-header-bg:#11182B; --pcm-header-ink:#FFFFFF; --pcm-header-sub:#ABB4C8; --pcm-header-rule:TRANSPARENT; --pcm-kicker:#A996FF; --pcm-button-bg:#5B46E8; --pcm-cta-bg:#5B46E8; --pcm-button-ink:#FFFFFF; --pcm-button-border:TRANSPARENT; --pcm-bg-flat:#F4F6FA; --pcm-header-rule-width:0px; --pcm-button-border-width:0px; --pcm-on-accent:#F4F6FA; --pcm-cta-bg-flat:#5B46E8; --pcm-on-cta:#F4F6FA; --pcm-on-deep:#F4F6FA; --pcm-font-display:Georgia, 'Times New Roman', Times, serif; --pcm-font-text:'DM Sans', 'DM Sans Fallback', -apple-system, 'Segoe UI', Inter, system-ui, sans-serif; --pcm-font-mono:'DM Mono', ui-monospace, 'Courier New', monospace; --pcm-size-body:16px; --pcm-line-body:1.65; --pcm-size-table:14px; --pcm-size-facts:14.5px; --pcm-size-facts-label:10.5px; --pcm-track-facts-label:0.1em; --pcm-size-section:21px; --pcm-bar-section:4px; --pcm-font-section:Georgia, 'Times New Roman', Times, serif; --pcm-size-title:41px; --pcm-font-title:Georgia, 'Times New Roman', Times, serif; --pcm-size-kicker:11px; --pcm-track-kicker:0.2em; } :root[data-pcm-theme="precision"]{ color-scheme:light; --pcm-bg:#F4F6FA; --pcm-bg-deep:#333D5C; --pcm-ink:#151C2E; --pcm-body:#333B50; --pcm-muted:#6F7788; --pcm-accent:#5B46E8; --pcm-accent-alt:#8A5A12; --pcm-tint:#EEF2FF; --pcm-rule:#E3E7EF; --pcm-label:#5B46E8; --pcm-header-bg:#11182B; --pcm-header-ink:#FFFFFF; --pcm-header-sub:#ABB4C8; --pcm-header-rule:TRANSPARENT; --pcm-kicker:#A996FF; --pcm-button-bg:#5B46E8; --pcm-cta-bg:#5B46E8; --pcm-button-ink:#FFFFFF; --pcm-button-border:TRANSPARENT; --pcm-bg-flat:#F4F6FA; --pcm-header-rule-width:0px; --pcm-button-border-width:0px; --pcm-on-accent:#F4F6FA; --pcm-cta-bg-flat:#5B46E8; --pcm-on-cta:#F4F6FA; --pcm-on-deep:#F4F6FA; } :root[data-pcm-theme="focus"]{ color-scheme:light; --pcm-bg:LINEAR-GRADIENT(180DEG,#F1F5FF,#FBFBFF 56%); --pcm-bg-deep:#141A2B; --pcm-ink:#151625; --pcm-body:#33374A; --pcm-muted:#85899B; --pcm-accent:#2F6FED; --pcm-accent-alt:#8C4B10; --pcm-tint:#EAF0FF; --pcm-rule:#E1E4ED; --pcm-label:#2F6FED; --pcm-header-bg:TRANSPARENT; --pcm-header-ink:#151625; --pcm-header-sub:#5A5F73; --pcm-header-rule:#2F6FED; --pcm-kicker:#2F6FED; --pcm-button-bg:#EAF0FF; --pcm-cta-bg:#2F6FED; --pcm-button-ink:#2F6FED; --pcm-button-border:#C9DAFB; --pcm-bg-flat:#FBFBFF; --pcm-header-rule-width:2px; --pcm-button-border-width:1px; --pcm-on-accent:#FBFBFF; --pcm-cta-bg-flat:#2F6FED; --pcm-on-cta:#FBFBFF; --pcm-on-deep:#FBFBFF; } :root[data-pcm-theme="canvas"]{ color-scheme:light; --pcm-bg:#F7F3EB; --pcm-bg-deep:#2A2620; --pcm-ink:#24241F; --pcm-body:#3A3A32; --pcm-muted:#6B6B60; --pcm-accent:#1E7565; --pcm-accent-alt:#35194F; --pcm-tint:#E7F0EB; --pcm-rule:#E2DACB; --pcm-label:#1E7565; --pcm-header-bg:#EFE9DC; --pcm-header-ink:#24241F; --pcm-header-sub:#4A4A42; --pcm-header-rule:#1E7565; --pcm-kicker:#1E7565; --pcm-button-bg:#1E7565; --pcm-cta-bg:#1E7565; --pcm-button-ink:#FFFFFF; --pcm-button-border:TRANSPARENT; --pcm-bg-flat:#F7F3EB; --pcm-header-rule-width:3px; --pcm-button-border-width:0px; --pcm-on-accent:#F7F3EB; --pcm-cta-bg-flat:#1E7565; --pcm-on-cta:#F7F3EB; --pcm-on-deep:#F7F3EB; } :root[data-pcm-theme="orbit"]{ color-scheme:dark; --pcm-bg:#07141A; --pcm-bg-deep:#1C5A62; --pcm-ink:#EEFCF8; --pcm-body:#BFD6D4; --pcm-muted:#8DA9AD; --pcm-accent:#2EE3B1; --pcm-accent-alt:#B96BF5; --pcm-tint:#10333A; --pcm-rule:#17333D; --pcm-label:#2EE3B1; --pcm-header-bg:TRANSPARENT; --pcm-header-ink:#EEFCF8; --pcm-header-sub:#8DA9AD; --pcm-header-rule:#2EE3B1; --pcm-kicker:#2EE3B1; --pcm-button-bg:#10333A; --pcm-cta-bg:#2EE3B1; --pcm-button-ink:#2EE3B1; --pcm-button-border:#1E5158; --pcm-bg-flat:#07141A; --pcm-header-rule-width:2px; --pcm-button-border-width:1px; --pcm-on-accent:#07141A; --pcm-cta-bg-flat:#2EE3B1; --pcm-on-cta:#07141A; --pcm-on-deep:#EEFCF8; } :root[data-pcm-theme="aurora"]{ color-scheme:dark; --pcm-bg:RADIAL-GRADIENT(CIRCLE AT 78% 0%,RGBA(107,63,231,.22),TRANSPARENT 34%),#080D1C; --pcm-bg-deep:#1B2450; --pcm-ink:#F3F6FF; --pcm-body:#C3CBDF; --pcm-muted:#9DA9C2; --pcm-accent:#774CFF; --pcm-accent-alt:#F5C24A; --pcm-tint:RGBA(121,71,255,.24); --pcm-rule:#25304A; --pcm-label:#A684FF; --pcm-header-bg:TRANSPARENT; --pcm-header-ink:#F3F6FF; --pcm-header-sub:#9DA9C2; --pcm-header-rule:#25304A; --pcm-kicker:#FF6F87; --pcm-button-bg:LINEAR-GRADIENT(135DEG,#774CFF,#A24DD5); --pcm-cta-bg:LINEAR-GRADIENT(135DEG,#774CFF,#A24DD5); --pcm-button-ink:#FFFFFF; --pcm-button-border:TRANSPARENT; --pcm-bg-flat:#080D1C; --pcm-header-rule-width:1px; --pcm-button-border-width:0px; --pcm-on-accent:#F3F6FF; --pcm-cta-bg-flat:#A24DD5; --pcm-on-cta:#F3F6FF; --pcm-on-deep:#F3F6FF; } /* Brand marks — ours and other people's. NOT themed, and never to be. See config/theme.json. */ :root{ --pcm-brand-whatsapp:#25D366; --pcm-brand-google-blue:#4285F4; --pcm-brand-google-red:#EA4335; --pcm-brand-google-yellow:#FBBC05; --pcm-brand-google-green:#34A853; --pcm-brand-wordmark-1:#F6A21A; --pcm-brand-wordmark-2:#F99A1E; --pcm-brand-wordmark-3:#FC8F25; --pcm-brand-wordmark-4:#FF842C; --pcm-brand-wordmark-5:#FF7533; --pcm-brand-wordmark-6:#FF6A3D; --pcm-brand-wordmark-7:#FF5E45; --pcm-brand-wordmark-8:#FF534D; --pcm-brand-wordmark-9:#FF4A55; --pcm-brand-wordmark-10:#FF425D; --pcm-brand-wordmark-11:#E93A5F; } /* ── The switcher ───────────────────────────────────────────────────────── Five dots and the name of the one in force. A preference, not a headline: it takes the micro-label type the facts strip uses, sits on no fill of its own, and is not printed. */ .pcm-theme-switch{display:inline-flex;align-items:center;gap:9px; font-family:var(--pcm-font-text);line-height:1;} .pcm-theme-switch-dots{display:inline-flex;align-items:center;gap:2px; padding:3px;border:1px solid var(--pcm-rule);border-radius:999px;} .pcm-theme-switch button{ appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer; padding:3px;margin:0;line-height:0;border-radius:999px; display:inline-flex;align-items:center;justify-content:center; } .pcm-theme-switch button::before{ content:'';display:block;width:12px;height:12px;border-radius:999px; background:var(--pcm-swatch); box-shadow:0 0 0 1px color-mix(in srgb, var(--pcm-ink) 22%, transparent) inset; } .pcm-theme-switch button:hover::before{transform:scale(1.15);} .pcm-theme-switch button:focus-visible{outline:2px solid var(--pcm-accent);outline-offset:1px;} /* The chosen one is ringed, not merely brighter — a ring is visible to a reader who cannot separate the five accent hues, and the name in text says which it is. */ .pcm-theme-switch button[aria-pressed="true"]{ box-shadow:0 0 0 2px var(--pcm-accent); } .pcm-theme-switch-name{ font-size:var(--pcm-size-facts-label);font-weight:700; letter-spacing:var(--pcm-track-facts-label);text-transform:uppercase; color:var(--pcm-label);white-space:nowrap; } @media(max-width:600px){.pcm-theme-switch-name{display:none;}} @media print{.pcm-theme-switch{display:none;}}