/* Hallmark · redesign · macrostructure: Marquee Hero (centered) · tone: Apple / liquid-glass
 * pre-emit critique: P5 H4 E5 S4 R5 V4
 * theme: custom (light · Apple) · paper #fbfbfd · accent Apple-blue #0071e3 · SF Pro system stack
 */
:root{
  /* paper + ink — Apple neutrals */
  --color-bg:        #fbfbfd;
  --color-bg-2:      #f5f5f7;
  --color-fg:        #1d1d1f;
  --color-muted:     #6e6e73;
  --color-faint:     #86868b;
  --color-line:      rgba(0,0,0,0.10);
  /* single restrained accent */
  --color-accent:    #0071e3;
  --color-accent-press: #0077ed;
  --color-focus:     #0071e3;
  /* liquid glass */
  --glass-bg:        rgba(255,255,255,0.55);
  --glass-bg-strong: rgba(255,255,255,0.72);
  --glass-border:    rgba(255,255,255,0.75);
  --glass-edge:      rgba(0,0,0,0.06);
  --glass-blur:      saturate(180%) blur(22px);
  --glass-shadow:    0 8px 32px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.06);
  --glass-inset:     inset 0 1px 0 rgba(255,255,255,0.85), inset 0 0 0 1px var(--glass-edge);
  /* muted gradient blobs behind the glass (low chroma, Apple-soft — not neon) */
  --blob-1: #a5c8ff;   /* soft blue   */
  --blob-2: #e6c2ff;   /* soft violet */
  --blob-3: #b8f0e0;   /* soft mint   */
  --blob-4: #ffd6e7;   /* soft pink   */
  /* type — SF Pro on Apple devices, graceful fallback elsewhere */
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, "Segoe UI", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, "PingFang SC", "Segoe UI", sans-serif;
  /* scale (4pt) */
  --space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:36px;--space-xl:72px;--space-2xl:120px;
  --text-sm:.8125rem;--text-base:1.0625rem;--text-lg:1.28rem;--text-2xl:1.7rem;--text-3xl:clamp(1.9rem,4vw,2.6rem);
  --text-display-s:clamp(2.4rem,5vw,3.6rem);--text-display:clamp(2.9rem,8vw,5.4rem);
  /* radii + motion — Apple-round */
  --radius:18px;--radius-lg:28px;--radius-pill:980px;
  --ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);
  --dur:.6s;--dur-fast:.2s;
  --rule:1px solid var(--color-line);
}
