/*==================================================
ACADEMIA PARA REVENDEDORES
VARIABLES.CSS
Framework UI v1.0
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

:root{

/* Typography */
--font-primary:'Inter',sans-serif;
--font-heading:'Poppins',sans-serif;

--fw-light:300;
--fw-normal:400;
--fw-medium:500;
--fw-semibold:600;
--fw-bold:700;
--fw-extrabold:800;

--fs-10:.625rem;
--fs-12:.75rem;
--fs-14:.875rem;
--fs-16:1rem;
--fs-18:1.125rem;
--fs-20:1.25rem;
--fs-22:1.375rem;
--fs-24:1.5rem;
--fs-28:1.75rem;
--fs-32:2rem;
--fs-36:2.25rem;
--fs-42:2.625rem;
--fs-48:3rem;
--fs-54:3.375rem;
--fs-60:3.75rem;
--fs-72:4.5rem;

--lh-xs:1.1;
--lh-sm:1.3;
--lh-md:1.5;
--lh-lg:1.7;
--lh-xl:2;

/* Colors */
--black-50:#1f1f1f;
--black-100:#1a1a1a;
--black-200:#181818;
--black-300:#151515;
--black-400:#131313;
--black-500:#101010;
--black-600:#0d0d0d;
--black-700:#0b0b0b;
--black-800:#080808;
--black-900:#050505;

--gray-50:#fafafa;
--gray-100:#f2f2f2;
--gray-200:#e5e5e5;
--gray-300:#d5d5d5;
--gray-400:#bfbfbf;
--gray-500:#9d9d9d;
--gray-600:#7b7b7b;
--gray-700:#5a5a5a;
--gray-800:#404040;
--gray-900:#2b2b2b;

--gold-50:#fff8df;
--gold-100:#fef0c4;
--gold-200:#fde18a;
--gold-300:#f8d35d;
--gold-400:#f2c337;
--gold-500:#D4AF37;
--gold-600:#b88f17;
--gold-700:#977311;
--gold-800:#73570c;
--gold-900:#4d3907;

--success:#22c55e;
--warning:#f59e0b;
--danger:#ef4444;
--info:#3b82f6;

--text:#ffffff;
--text-light:#e6e6e6;
--text-muted:#a7a7a7;

--bg-main:var(--black-800);
--bg-secondary:var(--black-700);
--bg-card:var(--black-500);
--bg-card-hover:#1c1c1c;
--bg-sidebar:#070707;
--bg-navbar:#0d0d0d;

--border-color:rgba(255,255,255,.08);
--border-gold:rgba(212,175,55,.25);

--shadow-xs:0 2px 8px rgba(0,0,0,.15);
--shadow-sm:0 4px 12px rgba(0,0,0,.20);
--shadow-md:0 10px 30px rgba(0,0,0,.30);
--shadow-lg:0 20px 60px rgba(0,0,0,.45);
--shadow-gold:0 0 20px rgba(212,175,55,.25);

--radius-xs:4px;
--radius-sm:8px;
--radius-md:14px;
--radius-lg:20px;
--radius-xl:30px;

--transition-fast:.2s ease;
--transition:.3s ease;
--transition-slow:.45s ease;

--container:1320px;
--content:1600px;

--sidebar-width:300px;
--sidebar-collapse:80px;
--navbar-height:80px;

--button-height:54px;
--button-radius:12px;
--card-padding:30px;
--card-radius:18px;
}