/* ============================================================
   OMZE ACADEMY OS — Variáveis CSS (Design System)
   ============================================================ */

:root {
  /* Backgrounds */
  --bg-primary:     #060A0F;
  --bg-secondary:   #0D1520;
  --bg-card:        #0F1923;
  --bg-card-hover:  #141F2E;
  --bg-sidebar:     #080C12;
  --bg-input:       #0A1018;
  --bg-modal:       #0D1520;

  /* Accent Colors */
  --accent:         #00D4AA;
  --accent-dark:    #00A882;
  --accent-light:   #33DDBB;
  --accent-muted:   rgba(0, 212, 170, 0.12);
  --accent-border:  rgba(0, 212, 170, 0.2);
  --accent-glow:    rgba(0, 212, 170, 0.15);

  /* Gold (Elite/Premium) */
  --gold:           #C9A84C;
  --gold-dark:      #A88835;
  --gold-muted:     rgba(201, 168, 76, 0.12);

  /* Text */
  --text-primary:   #E8EDF2;
  --text-secondary: #8A9BB0;
  --text-muted:     #4A5568;
  --text-accent:    #00D4AA;
  --text-inverse:   #060A0F;

  /* Borders */
  --border:         #1E2D3D;
  --border-light:   #253545;
  --border-accent:  rgba(0, 212, 170, 0.25);
  --border-glass:   rgba(255, 255, 255, 0.06);

  /* Status Colors */
  --success:        #10B981;
  --success-muted:  rgba(16, 185, 129, 0.12);
  --warning:        #F59E0B;
  --warning-muted:  rgba(245, 158, 11, 0.12);
  --danger:         #EF4444;
  --danger-muted:   rgba(239, 68, 68, 0.12);
  --info:           #3B82F6;
  --info-muted:     rgba(59, 130, 246, 0.12);

  /* OTC Score */
  --otc-green:      #10B981;
  --otc-yellow:     #F59E0B;
  --otc-red:        #EF4444;

  /* Glassmorphism */
  --glass-bg:       rgba(15, 25, 40, 0.6);
  --glass-border:   rgba(255, 255, 255, 0.07);
  --glass-blur:     blur(12px);

  /* Shadows */
  --shadow-sm:      0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md:      0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg:      0 8px 40px rgba(0, 0, 0, 0.5);
  --shadow-glow:    0 0 20px rgba(0, 212, 170, 0.15);
  --shadow-glow-lg: 0 0 40px rgba(0, 212, 170, 0.2);

  /* Border Radius */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-2xl:32px;
  --radius-full:9999px;

  /* Typography */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;

  --font-normal:  400;
  --font-medium:  500;
  --font-semi:    600;
  --font-bold:    700;

  --leading-tight:  1.25;
  --leading-normal: 1.5;
  --leading-relaxed:1.625;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Layout */
  --sidebar-width:    260px;
  --sidebar-collapsed:72px;
  --header-height:    64px;
  --content-max:      1400px;

  /* Transitions */
  --transition:     all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast:all 100ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:all 350ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index */
  --z-sidebar:  100;
  --z-header:   200;
  --z-modal:    300;
  --z-toast:    400;
  --z-tooltip:  500;
}

/* Level Colors */
.level-formacao    { --level-color: #6B7A8D; }
.level-validado    { --level-color: #3B82F6; }
.level-especialista{ --level-color: #8B5CF6; }
.level-consultor   { --level-color: var(--gold); }
.level-elite       { --level-color: var(--accent); }