:root {
    --pc-radius-md: 0.75rem;
    --pc-radius-lg: 1rem;
    --pc-shadow-sm: 0 6px 14px rgba(2, 15, 35, 0.08);
    --pc-shadow-md: 0 12px 24px rgba(2, 15, 35, 0.12);
    --pc-primary: #034AAA;
    --pc-primary-2: #0248B1;
    --pc-dark: #111827;
}

.pc-surface {
    border: 1px solid #e9edf3;
    border-radius: var(--pc-radius-lg);
    background: #fff;
    box-shadow: var(--pc-shadow-sm);
}

.pc-surface-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.pc-surface-hover:hover {
    transform: translateY(-2px);
    box-shadow: var(--pc-shadow-md);
    border-color: #d8e1ef;
}

.pc-btn {
    border-radius: var(--pc-radius-md);
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.16s ease, box-shadow 0.16s ease, opacity 0.16s ease;
}

.pc-btn:hover {
    transform: translateY(-1px);
}

.pc-btn-primary {
    color: #fff !important;
    border: none !important;
    background: linear-gradient(135deg, var(--pc-primary) 0%, var(--pc-primary-2) 100%) !important;
    box-shadow: 0 8px 18px rgba(3, 74, 170, 0.28);
}

.pc-btn-primary:hover {
    box-shadow: 0 12px 22px rgba(3, 74, 170, 0.35);
}

.pc-btn-dark {
    color: #fff !important;
    border: none !important;
    background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
    box-shadow: 0 8px 18px rgba(17, 24, 39, 0.22);
}

.pc-btn-dark:hover {
    box-shadow: 0 12px 24px rgba(17, 24, 39, 0.3);
}

.pc-btn-outline {
    border: 1px solid #ccd6e5 !important;
    color: #22314d !important;
    background: #fff !important;
}

.pc-btn-outline:hover {
    border-color: #b7c5db !important;
    background: #f8fbff !important;
}

.pc-btn-soft-success {
    border: 1px solid #b7e4cc !important;
    color: #176647 !important;
    background: #effaf4 !important;
}

.pc-btn-soft-warning {
    border: 1px solid #f5da9f !important;
    color: #8a5a00 !important;
    background: #fff8e6 !important;
}

.pc-btn-soft-danger {
    border: 1px solid #f2b8c1 !important;
    color: #9e1c2c !important;
    background: #fff1f3 !important;
}