/* =========================================================
   ICME ACADEMY — GLOBAL DESIGN TOKENS
   ========================================================= */

:root {
  /* Brand colors */
  --color-navy: #0B1F3A;
  --color-navy-light: #132a4d;
  --color-navy-dark: #071527;
  --color-gold: #C7A55C;
  --color-gold-light: #ddc189;
  --color-gold-dark: #a6813d;
  --color-orange: #E4622C;

  /* Neutrals */
  --color-white: #ffffff;
  --color-off-white: #f9fbfd;
  --color-light-gray: #eef1f6;
  --color-gray: #6b7686;
  --color-text: #4a5468;
  --color-text-dark: #0B1F3A;
  --color-border: #e4e8f0;

  /* Feedback */
  --color-success: #2e9e63;
  --color-danger: #d64545;
  --color-star: #f5b301;

  /* Typography */
  --font-primary: 'Poppins', sans-serif;
  --fs-xs: 0.8rem;
  --fs-sm: 0.9rem;
  --fs-base: 1rem;
  --fs-md: 1.15rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-xxl: 2.75rem;
  --fs-hero: 3.7rem;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 70px;
  --space-xxl: 120px;

  /* Shape */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 6px 18px rgba(11, 31, 58, 0.08);
  --shadow-md: 0 15px 35px rgba(11, 31, 58, 0.12);
  --shadow-lg: 0 25px 60px rgba(11, 31, 58, 0.18);
  --shadow-gold: 0 12px 30px rgba(199, 165, 92, 0.35);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 0.25s var(--ease);
  --transition: 0.4s var(--ease);
  --transition-slow: 0.6s var(--ease);

  /* Layout */
  --container-width: 1240px;
  --header-height: 90px;
  --z-header: 1000;
  --z-overlay: 1100;
  --z-modal: 1200;
  --z-toast: 1300;
}