:root {
  /* Brand */
  --color-page-bg: var(--p-color-black-950);
  --color-section-bg: var(--p-color-black-900);
  --color-card-bg: var(--p-color-black-850);
  --color-card-border: var(--p-color-white-alpha-006);
  --color-text: var(--p-color-neutral-100);
  --color-text-muted: var(--p-color-neutral-500);
  --color-text-dim: var(--p-color-neutral-650);
  --color-accent: var(--p-color-red-500);
  --color-accent-warm: var(--p-color-orange-500);
  --color-success: var(--p-color-green-500);
  --color-transparent: var(--p-color-transparent);
  --color-glow: var(--p-color-red-alpha-012);
  --color-glow-warm: var(--p-color-orange-alpha-008);
  --color-on-accent: var(--p-color-neutral-0);

  /* Spacing */
  --spacing-xs: var(--p-space-1);
  --spacing-sm: var(--p-space-2);
  --spacing-md: var(--p-space-4);
  --spacing-lg: var(--p-space-6);
  --spacing-xl: var(--p-space-8);
  --spacing-2xl: var(--p-space-10);
  --spacing-section: var(--p-space-20);

  /* Typography */
  --font-display: var(--p-font-display);
  --font-body: var(--p-font-body);
  --text-label: var(--p-text-xs);
  --text-nav: var(--p-text-sm);
  --text-body: var(--p-text-base);
  --text-body-large: var(--p-text-lg);
  --text-title: var(--p-text-2xl);
  --text-hero-min: var(--p-text-hero-min);
  --text-hero-max: var(--p-text-hero-max);

  /* Shape and motion */
  --radius-surface: var(--p-radius-md);
  --radius-control: var(--p-radius-pill);
  --radius-compact: var(--p-radius-sm);
  --duration-ui: var(--p-duration-fast);
  --duration-reveal: var(--p-duration-slow);
  --easing-ui: var(--p-easing-smooth);
}