/**
 * PC Portfolio — Brand System
 * Palette extracted from main logo: charcoal, coral, sage
 */

:root {
  --pc-charcoal: #3d4349;
  --pc-coral: #c46b6b;
  --pc-sage: #9baa88;
  --pc-coral-glow: rgba(196, 107, 107, 0.35);
  --pc-sage-glow: rgba(155, 170, 136, 0.3);

  --build-400: var(--pc-sage);
  --build-500: #7f9470;
  --build-glow: var(--pc-sage-glow);
  --build-bg: #060608;
  --build-surface: #0c0c0f;
  --build-muted: #8a8f96;

  --create-500: var(--pc-coral);
  --create-glow: var(--pc-coral-glow);

  --bg: var(--build-bg);
  --text: #f1f3f5;
  --border: rgba(255, 255, 255, 0.08);

  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 999px;
  --font-display: "Syne", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}