/* =========================================================
   TICL GLOBAL THEME VARIABLES
========================================================= */

:root {
  /* =====================================================
     PRIMARY BRAND COLORS
  ===================================================== */
  --primary: #1D8FCB;
  --primary-hover: #006699;
  --primary-dark: #166fa3;
  --secondary: #04AA6D;
  --secondary-hover: #03995f;
  --secondary-dark: #028a58;
  --dark: #003366;
  --light-bg: #def1f9;
  --white: #ffffff;
  --black: #000000;

/* ====================================================
   FOOTER COLORS
===================================================== */
--footer-bg: var(--nav-dark); /* was: #a8ddf9 */

/* =====================================================
   NAVIGATION COLORS
===================================================== */
   --nav-dark: #414042;
   --dropdown-accent: #005baa;
   --dropdown-hover-bg: #f4f8fc;
   --scrollbar-thumb: #b5c7db;

   --vnbar-bg: #d0e5f5;
   --text-dark-soft: #333;
   --overlay-dark: rgba(0,0,0,0.4);

  /* =====================================================
     TEXT COLORS
  ===================================================== */
  --text-main: #222;
  --text-muted: #555;
  --text-light: #f1f1f1;
  --text-soft: #e0e0e0;

  /* =====================================================
     BORDER COLORS
  ===================================================== */
  --border-soft: #b3cce6;
  --border-light: #ddd;
  --border-dark: #003366;
  --border-medium: #ccc;

  /* =====================================================
     SHADOWS
  ===================================================== */
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.1);
  --shadow-md: 0 5px 15px rgba(0,0,0,0.15);
  --shadow-lg: 0 10px 25px rgba(0,0,0,0.2);
  --shadow-nav: 0 4px 10px rgba(0,0,0,0.2);
  --shadow-card: 0 5px 15px rgba(0,0,0,0.12);
  --shadow-slide: 0 8px 18px rgba(0,0,0,0.25);

  /* =====================================================
     BORDER RADIUS
  ===================================================== */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* =====================================================
     SPACING
  ===================================================== */
  --space-sm: 10px;
  --space-md: 20px;
  --space-lg: 40px;

  /* =====================================================
     TRANSITIONS
  ===================================================== */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  /* =====================================================
   COMPONENT / UI COLORS
===================================================== */
--folder-bg: #e9f4fb;
--folder-border: #b6e0ff;
--panel-bg: #f8fcff;
--card-bg: #f5f9fc;
--hover-soft: #d0ebff;
--dropdown-accent-hover: #003f7d;

/* =====================================================
   EXTRA SHADOWS
===================================================== */
--shadow-soft: 0 2px 6px rgba(0,0,0,0.05);
--shadow-card-soft: 0 4px 10px rgba(0,0,0,0.08);

}