:root {
    --pro-accent: #15803D;
    --pro-accent-hover: #166534;
    --pro-accent-tint: #F0FDF4;
    --pro-accent-tint-2: #DCFCE7;
    --pro-accent-deep: #14532D;

    --pro-surface: #FFFFFF;
    --pro-surface-alt: #F8FAFC;
    --pro-surface-sunken: #F1F5F9;

    --pro-text: #1F2937;
    --pro-text-muted: #6B7280;
    --pro-text-inverse: #FFFFFF;

    --pro-border: #E5E7EB;
    --pro-border-strong: #D1D5DB;

    --pro-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --pro-shadow-md: 0 1px 3px rgba(15, 23, 42, 0.08), 0 8px 24px rgba(15, 23, 42, 0.06);
    --pro-shadow-lg: 0 4px 6px rgba(15, 23, 42, 0.05), 0 20px 40px rgba(15, 23, 42, 0.10);

    --pro-radius: 6px;
    --pro-radius-sm: 4px;

    --pro-transition: 120ms ease;

    --pro-success: #16A34A;
    --pro-danger: #DC2626;
    --pro-danger-hover: #B91C1C;
    --pro-warning: #EAB308;
    --pro-info: #06B6D4;

    --pro-font-stack: 'Inter', 'Noto Sans', 'Noto Naskh Arabic', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --pro-font-arabic: 'Noto Naskh Arabic', 'Noto Sans', serif;

    --pro-taskbar-height: 30px;
    --pro-title-bar-height: 28px;

    --pro-focus-ring: 0 0 0 3px var(--pro-accent-tint);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --pro-transition: 0ms ease;
    }
}