/* FontAwesome Icons Import & Design Tokens */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root {
  /* Brand Palette */
  --color-primary: #0b5d3b;
  --color-primary-hover: #084a31;
  --color-primary-dark: #063d2a;
  --color-accent: #c6a15b;
  --color-accent-hover: #a98648;
  --color-secondary: #10271f;
  --color-dark: #10271f;
  --color-dark-light: #1d3b30;
  --color-text: #1d2b24;
  --color-text-muted: #5d6b63;
  --color-light-bg: #f7f4ec;
  --color-card-bg: #ffffff;
  --color-border: #dce4dc;
  --color-white: #ffffff;
  --color-black: #000000;
  
  /* Fonts */
  --font-family-base: 'fontMed', 'URW-DIN-Arabic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-family-bold: 'fontBold', 'URW-DIN-Arabic-Bold', sans-serif;
  --font-family-serif: 'fontPrima', Georgia, serif;
  
  /* Spacing & Sizes */
  --container-max-width: 1200px;
  --header-height: 90px;
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 20px;
  --border-radius-pill: 50px;
  
  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 5px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --shadow-gold: 0 8px 25px rgba(11, 93, 59, 0.22);
  
  /* Transitions */
  --transition-fast: all 0.2s ease;
  --transition-normal: all 0.3s ease;
  --transition-slow: all 0.5s ease;
}

/* Local Fonts */
@font-face {
  font-family: 'fontMed';
  src: url('../fonts/ArbFONTS-URW-DIN-Arabic-1.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'fontBold';
  src: url('../fonts/ArbFONTS-URW-DIN-Arabic-Bold-1.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}