:root {
    /* Extra dark Discord-like theme */
    --pc-bg: #0b0c0e;
    --pc-bg-secondary: #090a0c;
    --pc-bg-tertiary: #050608;

    --pc-surface: #17181c;
    --pc-surface-hover: #202126;
    --pc-surface-active: #2a2c31;

    --pc-border: rgba(255, 255, 255, 0.07);
    --pc-border-strong: rgba(255, 255, 255, 0.12);

    --pc-text: #f2f3f5;
    --pc-text-muted: #b5bac1;
    --pc-text-soft: #8b929c;

    --pc-brand-50: #eef6ff;
    --pc-brand-100: #d9ebff;
    --pc-brand-400: #60a5fa;
    --pc-brand-500: #5865f2;
    --pc-brand-600: #4752c4;
    --pc-brand-700: #3c45a5;
    --pc-brand-800: #2f3478;

    --pc-danger: #ed4245;
    --pc-success: #3ba55d;
    --pc-warning: #faa61a;

    --pc-shadow: 0 24px 70px rgba(0, 0, 0, 0.6);
    --pc-glow: 0 0 34px rgba(88, 101, 242, 0.14);
}

/* Глобальные utility-классы, можно использовать в любых html/jinja */
.pc-bg {
    background: var(--pc-bg);
}

.pc-bg-secondary {
    background: var(--pc-bg-secondary);
}

.pc-bg-tertiary {
    background: var(--pc-bg-tertiary);
}

.pc-surface {
    background: var(--pc-surface);
    border: 1px solid var(--pc-border);
}

.pc-surface-hover:hover {
    background: var(--pc-surface-hover);
}

.pc-text {
    color: var(--pc-text);
}

.pc-text-muted {
    color: var(--pc-text-muted);
}

.pc-text-soft {
    color: var(--pc-text-soft);
}

.pc-border {
    border-color: var(--pc-border);
}

.pc-shadow {
    box-shadow: var(--pc-shadow);
}

.pc-glow {
    box-shadow: var(--pc-glow);
}

/* Общая тема страницы */
html,
body {
    background: var(--pc-bg);
    color: var(--pc-text);
}