/* PageForge V4 design tokens — shared by index.html and campaign pages. */
:root {
  /* Brand */
  --accent: #ea580c;
  --accent-rgb: 234, 88, 12;
  --accent-hover: #c2410c;
  --accent-light: rgba(234, 88, 12, 0.08);
  --accent-border: rgba(234, 88, 12, 0.2);

  /* Surfaces — warm white system */
  --bg: #ffffff;
  --bg-alt: #fafaf8;
  --surface: #f3f2ef;
  --surface-light: #ede9e4;
  --ink: #111008;

  /* Text */
  --text: #1c1a17;
  --text-muted: #6b6561;
  --text-xmuted: #a09c97;

  /* Borders */
  --border: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.14);
  --border-hover: rgba(234, 88, 12, 0.3);

  /* Semantic */
  --success: #16a34a;
  --success-light: #dcfce7;
  --danger: #dc2626;
  --danger-light: #fff1f0;
  --gold: #d97706;
  --gold-light: #fef3c7;

  /* Fluid type */
  --hero-h1: clamp(2.75rem, 4vw + 1rem, 5.25rem);
  --section-h2: clamp(1.875rem, 2.5vw + 0.75rem, 3rem);
  --body: clamp(0.9375rem, 0.3vw + 0.75rem, 1.0625rem);
  --overline: 0.75rem;

  /* Shadow scale — neutral, layered */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10), 0 4px 12px rgba(0, 0, 0, 0.05);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.06);
  --shadow-orange: 0 4px 20px rgba(234, 88, 12, 0.25), 0 2px 8px rgba(234, 88, 12, 0.12);

  /* Easing */
  --spring: cubic-bezier(0.16, 1, 0.3, 1);
  --smooth: cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --section-pad: clamp(72px, 8vw, 104px);
  --content-max: 1120px;
  --content-wide: 1360px;
  --banner-h: 40px;
}