/* ════════════════════════════════════════════════════════════════
   LPWD CONTENT HUB — TOKEN CONTRACT (concept-5 local copy)
   Source: Blueprint/templates/content-hub/_shared/tokens.css
   Skin overrides live in hub-skin.css (loaded AFTER this file).
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ── COLOR ─────────────────────────────────────────────────── */
  --lpwd-hub-bg:           #ffffff;
  --lpwd-hub-surface:      #f7f8fa;
  --lpwd-hub-surface-2:    #eef0f3;
  --lpwd-hub-border:       #e3e6eb;
  --lpwd-hub-ink:          #0f1419;
  --lpwd-hub-ink-soft:     #4a525e;
  --lpwd-hub-ink-mute:     #8c93a0;
  --lpwd-hub-brand:        #00a0ff;
  --lpwd-hub-brand-ink:    #ffffff;
  --lpwd-hub-accent:       #ff0000;
  --lpwd-hub-success:      #16a34a;
  --lpwd-hub-warn:         #f59e0b;
  --lpwd-hub-danger:       #dc2626;

  /* ── TYPOGRAPHY ────────────────────────────────────────────── */
  --lpwd-hub-font-head:    'Inter', system-ui, sans-serif;
  --lpwd-hub-font-body:    'Inter', system-ui, sans-serif;
  --lpwd-hub-font-mono:    ui-monospace, 'SF Mono', Menlo, monospace;
  --lpwd-hub-size-hero:    clamp(2rem, 4vw + 1rem, 3.5rem);
  --lpwd-hub-size-h2:      clamp(1.5rem, 2vw + 1rem, 2.25rem);
  --lpwd-hub-size-h3:      1.25rem;
  --lpwd-hub-size-body:    1rem;
  --lpwd-hub-size-small:   0.875rem;
  --lpwd-hub-size-micro:   0.75rem;
  --lpwd-hub-lh-head:      1.15;
  --lpwd-hub-lh-body:      1.6;
  --lpwd-hub-track-head:   -0.02em;
  --lpwd-hub-weight-head:  700;
  --lpwd-hub-weight-body:  400;

  /* ── SPACING ───────────────────────────────────────────────── */
  --lpwd-hub-section-py:   clamp(3rem, 6vw, 6rem);
  --lpwd-hub-section-px:   clamp(1rem, 4vw, 2rem);
  --lpwd-hub-card-pad:     1.5rem;
  --lpwd-hub-gap-sm:       0.5rem;
  --lpwd-hub-gap-md:       1rem;
  --lpwd-hub-gap-lg:       2rem;

  /* ── RADII + SHADOW ────────────────────────────────────────── */
  --lpwd-hub-radius-sm:    0.5rem;
  --lpwd-hub-radius-md:    0.75rem;
  --lpwd-hub-radius-lg:    1rem;
  --lpwd-hub-shadow-sm:    0 1px 2px rgb(15 20 25 / 0.06);
  --lpwd-hub-shadow-md:    0 4px 12px rgb(15 20 25 / 0.08);
  --lpwd-hub-shadow-lg:    0 12px 32px rgb(15 20 25 / 0.12);

  /* ── MOTION ────────────────────────────────────────────────── */
  --lpwd-hub-ease:         cubic-bezier(0.4, 0, 0.2, 1);
  --lpwd-hub-dur-fast:     150ms;
  --lpwd-hub-dur-base:     250ms;
  --lpwd-hub-dur-slow:     400ms;

  /* ── LAYOUT ────────────────────────────────────────────────── */
  --lpwd-hub-maxw:         1200px;
  --lpwd-hub-maxw-prose:   65ch;

  /* ── HERO HEIGHT (uniform across all hub modules) ─────────── */
  --lpwd-hub-hero-h:       440px;
  --lpwd-hub-hero-h-md:    460px;
}

/* Concept-5 dark mode uses body.dark-mode (not [data-theme="dark"]) */
body.dark-mode {
  --lpwd-hub-bg:           #0b0e12;
  --lpwd-hub-surface:      #14181f;
  --lpwd-hub-surface-2:    #1c2128;
  --lpwd-hub-border:       #2a2f38;
  --lpwd-hub-ink:          #f3f5f8;
  --lpwd-hub-ink-soft:     #b8bfc9;
  --lpwd-hub-ink-mute:     #7c8390;
}