/* Hadithne Schools design tokens.
   Layout and components follow the Namaabloom app design system; colours are Hadithne's.
   Namaabloom navy -> Hadithne dark green, orange -> Hadithne warm yellow, cream -> Hadithne cream. */

@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/jakarta-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("/static/fonts/cairo-arabic.woff2") format("woff2"); font-weight: 200 1000; font-display: swap; unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Cairo"; src: url("/static/fonts/cairo-latin.woff2") format("woff2"); font-weight: 200 1000; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "Playfair Display"; src: url("/static/fonts/playfair-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/static/fonts/poppins-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/static/fonts/poppins-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("/static/fonts/poppins-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  /* Brand (Namaabloom navy role) */
  --brand: #546725;
  --brand-lt: #627831;
  --brand-dk: #43521d;
  /* Accent (Namaabloom orange role) */
  --accent: #efa70c;
  --accent-dk: #8a5a00;
  --accent-lt: #fff4d6;
  --yellow: #ffda48;
  --yellow-lt: #fff8dc;
  /* Surfaces and text */
  --cream: #fffaf0;
  --white: #ffffff;
  --text: #2f3644;
  --ink: #475163;
  --muted: #646d7e;
  --border: #ece4d2;
  /* States */
  --ok: #3b6d11;
  --ok-lt: #eaf3de;
  --danger: #a63a26;
  --danger-lt: #fbeae6;
  --danger-line: #f3c4b9;
  --leaf: #7cca3a;
  --lime: #c1d231;
  --focus: #1f5fbf;

  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --shadow-md: 0 8px 32px rgba(67, 82, 29, 0.12);
  --shadow-sm: 0 2px 10px rgba(67, 82, 29, 0.08);

  --font-body: "Plus Jakarta Sans", "Cairo", system-ui, sans-serif;
  --font-ui: "Poppins", "Plus Jakarta Sans", "Cairo", system-ui, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
  --font-ar: "Cairo", "Plus Jakarta Sans", system-ui, sans-serif;
}