/* ==========================================================
   PREMIUM ENTERPRISE THEME
   Colors: Black • Royal Blue • Crimson • Gold
========================================================== */

:root {

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

  --bg-primary: #FCFCFD;
  --bg-secondary: #F5F7FA;
  --bg-tertiary: #EDF2F7;
  --bg-card: #FFFFFF;
  --bg-hover: #F8FAFC;

  --bg-glass: rgba(255, 255, 255, .85);

  --header-bg: rgba(255, 255, 255, .90);
  --header-bottom-line-color: #D9E2EC;

  --bg-image: none;

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

  --text-primary: #0F172A;
  --text-secondary: #334155;
  --text-tertiary: #64748B;
  --text-light: #94A3B8;
  --text-white: #FFFFFF;

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

  --accent-primary: #2563EB;
  /* Royal Blue */
  --accent-primary-hover: #1D4ED8;

  --accent-secondary: #DC2626;
  /* Premium Red */
  --accent-secondary-hover: #B91C1C;

  --accent-warning: #F59E0B;
  /* Gold */

  --accent-gradient:
    linear-gradient(135deg,
      #2563EB 0%,
      #7C3AED 45%,
      #DC2626 100%);

  --accent-glow: rgba(37, 99, 235, .18);

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

  --border-color: #E2E8F0;
  --border-light: #F1F5F9;
  --border-dark: #CBD5E1;

  --border-glow: #60A5FA;
  --border-glass: rgba(15, 23, 42, .08);

  /* ================= STATUS ================= */

  --success: #2563EB;
  --warning: #F59E0B;
  --error: #DC2626;
  --info: #0EA5E9;

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

  --shadow-sm: 0 2px 6px rgba(15, 23, 42, .05);

  --shadow-md:
    0 10px 25px rgba(15, 23, 42, .08);

  --shadow-lg:
    0 20px 45px rgba(15, 23, 42, .12);

  --shadow-xl:
    0 30px 70px rgba(15, 23, 42, .18);

  --shadow-glow:
    0 0 30px rgba(37, 99, 235, .15);

  /* ================= TYPOGRAPHY ================= */

  --font-sans:
    "Inter",
    sans-serif;

  --font-display:
    "Plus Jakarta Sans",
    "Inter",
    sans-serif;

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

  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

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

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

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

  --transition-fast: .15s ease;
  --transition-normal: .3s ease;
  --transition-slow: .5s ease;

}


/* ==========================================================
   DARK MODE
========================================================== */

[data-theme="dark"] {

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

  --bg-primary: #09090B;
  --bg-secondary: #111827;
  --bg-tertiary: #1E293B;
  --bg-card: #18181B;
  --bg-hover: #27272A;

  --bg-glass: rgba(9, 9, 11, .85);

  --header-bg: rgba(9, 9, 11, .90);
  --header-bottom-line-color: #334155;

  --bg-image: none;

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

  --text-primary: #FFFFFF;
  --text-secondary: #E2E8F0;
  --text-tertiary: #CBD5E1;
  --text-light: #94A3B8;

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

  --accent-primary: #3B82F6;
  --accent-primary-hover: #2563EB;

  --accent-secondary: #EF4444;
  --accent-secondary-hover: #DC2626;

  --accent-warning: #FBBF24;

  --accent-gradient:
    linear-gradient(135deg,
      #3B82F6 0%,
      #6366F1 45%,
      #EF4444 100%);

  --accent-glow: rgba(59, 130, 246, .20);

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

  --border-color: #334155;
  --border-light: #475569;
  --border-dark: #1E293B;

  --border-glow: #3B82F6;
  --border-glass: rgba(255, 255, 255, .05);

  /* ================= STATUS ================= */

  --success: #3B82F6;
  --warning: #FBBF24;
  --error: #EF4444;
  --info: #38BDF8;

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

  --shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);

  --shadow-md: 0 10px 25px rgba(0, 0, 0, .45);

  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);

  --shadow-xl: 0 40px 90px rgba(0, 0, 0, .60);

  --shadow-glow: 0 0 35px rgba(59, 130, 246, .18);

}