/*==================================================
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;
}