/* PFM Lab Visual Identity v1.1 · 2026-09-28
   Source: approved site CSS cascade, commit efe804d.
   --pfm-brand-* preserves the identity. --pfm-action-* is a recommended
   semantic use of the existing dark hover blue; it has NOT been applied to the site.
   Full provenance and use restrictions: pfm-tokens.json and TOKEN_GUIDE.md. */
:root {
  --pfm-brand-blue: #337fff;
  --pfm-brand-light: #62a2ff;
  --pfm-brand-deep: #2b6aeb;
  --pfm-brand-dot: #a6edfa;
  --pfm-brand-gradient: linear-gradient(140deg,#62a2ff,#337fff 65%,#2b6aeb);
  --pfm-canvas: #fbfdff;
  --pfm-surface: #ffffff;
  --pfm-surface-subtle: #f7f9fc;
  --pfm-ink: #1f2329;
  --pfm-muted: #646a73;
  --pfm-line: #e5e6eb;
  --pfm-hero-gradient: radial-gradient(ellipse at 102% -12%,#79aff8 0%,#bbd9fc 24%,transparent 53%),linear-gradient(127deg,#e2f0fd 0%,#f1f7fe 44%,#fbfdff 79%);
  /* Recommended production semantics: solid backgrounds for reliable contrast. */
  --pfm-action: #245bdb;
  --pfm-action-hover: #1d4fbe;
  --pfm-action-subtle: #edf3ff;
  --pfm-focus: #245bdb;
  --pfm-control-border: #737e90;
  --pfm-success: #287058;
  --pfm-success-bg: #edf7f0;
  --pfm-danger: #a33930;
  --pfm-danger-bg: #fff3f1;
  --pfm-disabled-text: #687386;
  --pfm-disabled-bg: #eef1f5;
  --pfm-font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --pfm-font-mono: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  --pfm-text-caption: .75rem;
  --pfm-text-small: .875rem;
  --pfm-text-body: 1rem;
  --pfm-text-lead: 1.25rem;
  --pfm-text-h3: 1.5rem;
  --pfm-text-h2: clamp(1.9rem,3vw,2.5rem);
  --pfm-text-display: clamp(2.1rem,3.4vw,3rem);
  --pfm-leading-body: 1.7;
  --pfm-leading-heading: 1.4;
  --pfm-space-1: 4px;
  --pfm-space-2: 8px;
  --pfm-space-3: 12px;
  --pfm-space-4: 16px;
  --pfm-space-5: 24px;
  --pfm-space-6: 32px;
  --pfm-space-7: 48px;
  --pfm-space-8: 64px;
  --pfm-space-9: 80px;
  --pfm-radius-control: 8px;
  --pfm-radius-media: 13px;
  --pfm-radius-card: 22px;
  --pfm-radius-panel: 32px;
  --pfm-radius-pill: 999px;
  --pfm-shadow-card: 0 8px 28px -15px #283e6433,0 1px 3px #29415b06;
  --pfm-shadow-card-hover: 0 18px 35px -13px #2645782b,0 2px 5px #1c35520a;
  --pfm-shadow-panel: 0 10px 32px -16px #386ba326,0 2px 8px #386ba308;
  --pfm-shadow-popup: 0 16px 48px #223b6424;
  --pfm-duration-fast: 160ms;
  --pfm-duration-ui: 240ms;
  --pfm-duration-card: 480ms;
  --pfm-card-hover-lift: -2px;
  --pfm-card-hover-scale: 1.025;
  /* Current homepage wheel overrides base card scale on fine-pointer hover. */
  --pfm-wheel-card-hover-scale: 1.035;
  --pfm-ease: cubic-bezier(.2,.75,.25,1);
  --pfm-content-max: 1200px;
  --pfm-panel-max: 1376px;
  --pfm-target-min: 44px;
}
/* Recommended explicit opt-in. Avoid a universal transition reset in mixed apps. */
@media (prefers-reduced-motion: reduce) {
  :root { --pfm-duration-fast: 0ms; --pfm-duration-ui: 0ms; --pfm-duration-card: 0ms; }
  [data-pfm-motion] { animation: none !important; transition: none !important; transform: none !important; }
}