/* =====================================================================
   agents/agents-theme.css
   Shared re-theme layer for the Agents portal (agents.studifypro.com) —
   brings it into the same visual language as the rest of StudifyPro
   without rewriting each page's markup. Works by redefining the CSS
   custom properties each page already defines for its own colors, so
   every existing var(--whatever) reference picks up the real brand
   colors automatically once this loads after the page's own <style>.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
  --primary:#25216B; --primary-light:#3730a3; --primary-lightest:#EEEEFF;
  --secondary:#F4522D; --secondary-hover:#d8401f;
  --white:#ffffff; --light:#F5F4FF; --gray-light:#F5F4FF;
  --dark:#0D0C1D; --text:#3D3B5C; --text-light:#8884AA;
  --border:rgba(37,33,107,0.14);
  --shadow:0 4px 16px rgba(13,12,29,.08); --shadow-hover:0 24px 64px rgba(13,12,29,.15);
  --transition:all .3s cubic-bezier(.4,0,.2,1);
  --radius:16px; --radius-sm:10px;
  --sp-gold:#F5C842;
}

body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
h1,h2,h3,h4,.header h1,.header h2{font-family:'Syne',sans-serif!important;letter-spacing:-.2px}

body{background:var(--light)!important}
.container{box-shadow:var(--shadow-hover)!important;border:1px solid var(--border)!important}

.btn,button{font-family:'DM Sans',sans-serif;font-weight:600;transition:var(--transition)}
.btn:hover,button:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary)!important}
.btn-primary:hover{background:var(--primary-light)!important}

.nav-tab.active,.tab.active{background:var(--primary)!important;color:#fff!important}