/*
  PrePrompt Marketing Site — Design Tokens
  Subset of the full app design system (~60KB).
  Mirrors app tokens but scoped to marketing needs only.
  Source: Site Architecture spec §4.1 + CB-165 design system inline tokens.
*/

:root {
  /* ── Surfaces ── */
  --pp-bg:             #0c0c0e;
  --pp-surface-0:      #0c0c0e;
  --pp-surface-1:      #141416;
  --pp-surface-2:      #1c1c1f;
  --pp-surface-3:      #242428;

  /* ── Rules ── */
  --pp-rule:           #2a2a2e;
  --pp-rule-light:     #1e1e22;
  --pp-border:         rgba(255, 255, 255, 0.08);

  /* ── Text ── */
  --pp-text:           #f0f0f2;
  --pp-text-primary:   #f0f0f2;
  --pp-text-secondary: #78787e;
  --pp-text-dim:       rgba(255, 255, 255, 0.5);
  --pp-text-muted:     #3a3a40;

  /* ── Accent (orange) ── */
  --pp-accent:         #e8630a;
  --pp-accent-soft:    rgba(232, 99, 10, 0.08);
  --pp-accent-glow:    rgba(232, 99, 10, 0.25);
  --pp-accent-dim:     rgba(232, 99, 10, 0.6);

  /* ── Eden purple ── */
  --pp-eden:           #9A6AE8;
  --pp-eden-soft:      rgba(154, 106, 232, 0.10);

  /* ── Semantic ── */
  --pp-success:        #34d399;
  --pp-success-soft:   rgba(52, 211, 153, 0.10);
  --pp-info:           #60a5fa;

  /* ── Typography ── */
  --pp-font-display:   'Space Grotesk', system-ui, -apple-system, sans-serif;
  --pp-font-sans:      'Space Grotesk', system-ui, -apple-system, sans-serif;
  --pp-font-mono:      'IBM Plex Mono', 'JetBrains Mono', 'SF Mono', monospace;

  /* ── Spacing scale ── */
  --pp-space-xs:   4px;
  --pp-space-sm:   8px;
  --pp-space-md:   16px;
  --pp-space-lg:   24px;
  --pp-space-xl:   40px;
  --pp-space-2xl:  64px;
  --pp-space-3xl:  96px;

  /* ── Border radius ── */
  --pp-radius-sm:  4px;
  --pp-radius-md:  8px;
  --pp-radius-lg:  16px;

  /* ── Transitions ── */
  --pp-transition-fast: 0.15s ease;
  --pp-transition-base: 0.2s ease;
  --pp-transition-slow: 0.3s ease;

  /* ── Layout ── */
  --pp-max-width:     1280px;
  --pp-content-width: 800px;
  --pp-nav-height:    60px;
}