@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{
 --primary:#4361ee;
 --primary-dark:#3a56d4;
 --secondary:#6c757d;
 --success:#06d6a0;
 --danger:#ef476f;
 --warning:#ffd166;
 --dark:#1e2749;
 --light:#f8f9fa;
 --gray:#e9ecef;
 --border:#dee2e6;
 --card-shadow:0 4px 6px rgba(0,0,0,0.05);
 --sidebar-width:260px;
 --profile-bg:#e0e7f0;
 --profile-card-bg:#ffffff;
 --profile-border:#a7b7c7;
 --profile-text-color:#3f51b5;
 --profile-value-color:#495057;
 --profile-section-header-bg:#e0e7f0;
 
 --invoice-primary:#008485;
 --invoice-light-bg:#e6f3f3;
 --invoice-text:#555;
 --invoice-header-text:white;
 
 --accent-1:#7b68ee;
 --accent-2:#5e60ce;
 
 --gradient-primary:linear-gradient(135deg,var(--primary) 0,var(--accent-1) 100%);
 --gradient-secondary:linear-gradient(135deg,var(--accent-1) 0,var(--accent-2) 100%);
 
 --card-shadow-lg:0 8px 24px rgba(0,0,0,0.08);
 
 --base-font-size:13px;
 --small-font-size:11px;
 --large-font-size:15px;
 --title-font-size:18px;
 --header-font-size:16px;
}