/* ==========================================================
   MENTOROID EDUVISOR
   Global Design Tokens
   Version: 1.0
   ========================================================== */

:root {

  /* ==========================================
     BRAND COLORS
     ========================================== */

  --color-primary: #00D4FF;
  --color-primary-dark: #009BFF;
  --color-secondary: #7A5CFF;
  --color-accent: #30F2F2;

  /* ==========================================
     BACKGROUND COLORS
     ========================================== */

  --bg-main: #050816;
  --bg-secondary: #0B1120;
  --bg-card: rgba(255,255,255,0.06);
  --bg-card-hover: rgba(255,255,255,0.09);

  /* ==========================================
     TEXT COLORS
     ========================================== */

  --text-primary: #FFFFFF;
  --text-secondary: #C8D2E0;
  --text-muted: #8E9AAF;

  /* ==========================================
     BORDER COLORS
     ========================================== */

  --border-light: rgba(255,255,255,0.12);
  --border-medium: rgba(255,255,255,0.18);
  --border-strong: rgba(255,255,255,0.25);

  /* ==========================================
     GLASS COLORS
     ========================================== */

  --glass-bg: rgba(255,255,255,0.08);
  --glass-border: rgba(255,255,255,0.15);

  /* ==========================================
     GRADIENTS
     ========================================== */

  --gradient-primary: linear-gradient(135deg,#00D4FF,#009BFF);

  --gradient-secondary: linear-gradient(135deg,#7A5CFF,#30F2F2);

  --gradient-hero: linear-gradient(
      135deg,
      #00D4FF,
      #009BFF,
      #7A5CFF
  );

  /* ==========================================
     SHADOWS
     ========================================== */

  --shadow-small: 0 5px 20px rgba(0,0,0,.18);

  --shadow-medium: 0 10px 35px rgba(0,0,0,.25);

  --shadow-large: 0 20px 60px rgba(0,0,0,.45);

  --shadow-glow: 0 0 35px rgba(0,212,255,.45);

  /* ==========================================
     BORDER RADIUS
     ========================================== */

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* ==========================================
     BLUR
     ========================================== */

  --blur-glass: 18px;

  /* ==========================================
     SPACING
     ========================================== */

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-2xl: 96px;
  --space-3xl: 128px;

  /* ==========================================
     TRANSITIONS
     ========================================== */

  --transition-fast: .25s ease;
  --transition-normal: .4s ease;
  --transition-slow: .7s ease;

  /* ==========================================
     Z INDEX
     ========================================== */

  --z-background: -1;
  --z-default: 1;
  --z-navbar: 1000;
  --z-dropdown: 1100;
  --z-modal: 1200;
  --z-loader: 9999;

}