/* Peter design tokens — shared across marketing + app */
:root {
  /* Brand purple */
  --purple-500: #9575cd;
  --purple-600: #7e57c2;
  --purple-400: #b39ddb;
  --purple-soft: #f3f0ff;
  --purple-soft-bg: #f8f6fc;
  --purple-border: #d4c5ff;
  --purple-ink: #3a2a5a;
  --purple-muted: #5a4a7a;

  /* Semantic colors */
  --color-success: #28a745;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;

  /* Neutrals */
  --neutral-dark: #2c2c2c;
  --neutral-800: #333333;
  --neutral-600: #666666;
  --surface-white: #ffffff;
  --surface-muted: #faf9fc;

  /* Typography */
  --font-ui: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(149, 117, 205, 0.1);
  --shadow-md: 0 4px 12px rgba(149, 117, 205, 0.15);
  --shadow-lg: 0 10px 40px rgba(74, 58, 106, 0.16);

  /* Marketing aliases */
  --brand-primary: var(--purple-500);
  --brand-primary-light: var(--purple-400);
  --brand-primary-dark: var(--purple-600);
  --brand-accent: #d1c4e9;
  --surface-dark: #1a1a1f;
  --surface-darker: #121216;
  --text-muted-light: #b0b0b8;
  --text-body: #555;
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.15);

  /* App aliases */
  --primary-color: var(--purple-500);
  --primary-hover: var(--purple-600);
  --secondary-color: #e0e0e0;
  --text-muted: var(--neutral-600);
  --font-primary: var(--font-ui);
}