:root {
    --pp-cyan: #6ad6f7;
    --pp-blue: #4188f5;
    --pp-violet: #976bea;
    --pp-pink: #f68ccb;
    --pp-magenta: #f361b1;
    --pp-ink: #0d1b34;
    --pp-muted: #536784;
    --pp-line: rgba(91, 126, 178, 0.2);
    --pp-panel: rgba(255, 255, 255, 0.92);
    --pp-panel-strong: #ffffff;
    --pp-bg: #f7fbff;
    --pp-gradient: linear-gradient(95deg, var(--pp-cyan) 0%, var(--pp-cyan) 30%, var(--pp-blue) 58%, var(--pp-violet) 82%, var(--pp-pink) 94%, var(--pp-magenta) 100%);
    --pp-gradient-soft: linear-gradient(135deg, rgba(106, 214, 247, 0.2), rgba(65, 136, 245, 0.12) 58%, rgba(151, 107, 234, 0.08) 84%, rgba(246, 140, 203, 0.05));
    --pp-shadow-lg: 0 28px 70px rgba(18, 43, 86, 0.14);
    --pp-shadow-md: 0 18px 42px rgba(18, 43, 86, 0.1);
    --pp-radius-xl: 30px;
    --pp-radius-lg: 24px;
    --pp-radius-md: 18px;
    --pp-font: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}