@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

:root {
    --pp-primary: #5b4cdb;
    --pp-primary-dark: #4338ca;
    --pp-primary-light: #7c6df0;
    --pp-accent: #06b6d4;
    --pp-bg: #0f1117;
    --pp-bg-elevated: #161922;
    --pp-sidebar: #12141c;
    --pp-sidebar-text: #9ca3af;
    --pp-card: #1a1d27;
    --pp-card-border: rgba(255,255,255,.06);
    --pp-border: rgba(255,255,255,.08);
    --pp-success: #10b981;
    --pp-danger: #ef4444;
    --pp-warning: #f59e0b;
    --pp-text: #f3f4f6;
    --pp-muted: #9ca3af;
    --pp-radius: 12px;
    --pp-shadow: 0 8px 32px rgba(0,0,0,.35);
}
*, *::before, *::after { box-sizing: border-box; }
body {
    margin: 0;
    font-family: 'DM Sans', system-ui, sans-serif;
    background: var(--pp-bg);
    color: var(--pp-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
a { color: var(--pp-primary-light); text-decoration: none; }
a:hover { color: #a89bfa; }
h1, h2, h3 { margin: 0 0 1rem; font-weight: 700; letter-spacing: -.02em; }
h1 { font-size: 1.85rem; }
h2 { font-size: 1.2rem; }
.pp-container { max-width: 1280px; margin: 0 auto; padding: 0 1.5rem; }
.pp-help { color: var(--pp-muted); font-size: .9rem; margin: .5rem 0 1rem; }