/* ==========================================================================
   Design System Variables - Multi Skills Institute for Medical Technologies
   ========================================================================== */

:root {
  /* Brand Color Palette */
  --primary-navy: #1b2e4a;
  --primary-navy-dark: #122035;
  --primary-navy-light: #2c4468;
  
  --brand-green: #1a7a4c;
  --brand-green-hover: #14613c;
  --brand-green-light: #e8f5ee;
  
  --accent-gold: #c4a35a;
  --accent-gold-hover: #b08e45;
  --accent-gold-light: #faf6ed;

  /* Neutrals */
  --bg-warm-light: #f8f6f2;
  --bg-card: #ffffff;
  --bg-alt: #f0ede6;

  /* Typography Colors */
  --text-dark: #1a222e;
  --text-muted: #596575;
  --text-light: #8c97a8;
  --text-white: #ffffff;

  /* Borders & Shadows */
  --border-color: #e2e8f0;
  --border-light: #eeeeee;
  --shadow-sm: 0 2px 8px rgba(27, 46, 74, 0.05);
  --shadow-md: 0 8px 24px rgba(27, 46, 74, 0.08);
  --shadow-lg: 0 16px 40px rgba(27, 46, 74, 0.12);

  /* Typography */
  --font-heading: 'IBM Plex Sans Arabic', 'IBM Plex Serif', sans-serif;
  --font-body: 'Noto Sans Arabic', sans-serif;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* Radius & Spacing */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 9999px;

  --container-max: 1240px;
  --section-padding: 80px 0;
}