/* typography.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Cairo-400.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Cairo-600.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Cairo-700.ttf') format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('/assets/fonts/Cairo-900.ttf') format('truetype');
}

:root {
  --font-arabic: 'Cairo', sans-serif;
  --font-english: 'Inter', sans-serif;
  --font-arabic-black: 'Cairo', sans-serif;
  --font-english-black: 'Inter', sans-serif;
  --font-display-size: clamp(2.5rem, 6vw, 5rem);
  --font-h1: clamp(2rem, 5vw, 3.5rem);
  --font-h2: clamp(1.5rem, 4vw, 2.5rem);
  --font-h3: clamp(1.25rem, 3vw, 1.75rem);
  --font-body-size: clamp(1rem, 2vw, 1.125rem);
  --font-small: clamp(0.875rem, 1.5vw, 1rem);
}

body {
  font-family: var(--font-arabic); /* Default */
  font-size: var(--font-body-size);
  color: var(--color-ink);
  background-color: var(--color-paper);
}

[lang="ar"] { 
  font-family: var(--font-arabic); 
  direction: rtl; 
}

[lang="en"] { 
  font-family: var(--font-english); 
  direction: ltr; 
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-gov-green);
  font-weight: 700;
  margin-bottom: 1rem;
}

h1 { font-size: var(--font-h1); }
h2 { font-size: var(--font-h2); }
h3 { font-size: var(--font-h3); }

p {
  margin-bottom: 1rem;
  color: var(--color-text-secondary);
}

.text-display {
  font-size: var(--font-display-size);
  font-weight: 900;
  color: var(--color-surface-raised);
}

.text-center { text-align: center; }
.text-bold { font-weight: 700; }
.text-small { font-size: var(--font-small); }