:root {
    /* Brand */
    --pg-primary: #2563eb;
    --pg-primary-hover: #1d4ed8;

    /* Surfaces */
    --pg-bg: #f6f8fb;
    --pg-surface: #ffffff;
    --pg-surface-muted: #f9fafb;

    /* Text */
    --pg-text: #172033;
    --pg-text-secondary: #667085;
    --pg-text-muted: #98a2b3;

    /* Borders */
    --pg-border: #e5e9f0;
    --pg-border-light: #edf0f4;

    /* Status */
    --pg-success: #16a34a;
    --pg-warning: #d97706;
    --pg-danger: #dc2626;

    /* Typography */
    --pg-font-family:
        "Roboto",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif;

    --pg-font-size-xs: 12px;
    --pg-font-size-sm: 13px;
    --pg-font-size-md: 14px;
    --pg-font-size-lg: 16px;
    --pg-font-size-xl: 20px;
    --pg-font-size-2xl: 28px;

    /* Spacing */
    --pg-space-1: 4px;
    --pg-space-2: 8px;
    --pg-space-3: 12px;
    --pg-space-4: 16px;
    --pg-space-5: 20px;
    --pg-space-6: 24px;
    --pg-space-7: 32px;

    /* Shape */
    --pg-radius-sm: 6px;
    --pg-radius-md: 10px;
    --pg-radius-lg: 14px;

    /* Effects */
    --pg-shadow-sm:
        0 1px 2px rgba(16, 24, 40, 0.04);

    --pg-shadow-md:
        0 4px 12px rgba(16, 24, 40, 0.06);

    /* Layout */
    --pg-sidebar-width: 232px;
    --pg-topbar-height: 64px;
    --pg-footer-height: 42px;

    /* Motion */
    --pg-transition-fast: 140ms ease;
    --pg-transition-normal: 220ms ease;
}