/* ============================================================
   tinyhuda.com — theme.css
   Global design tokens, colours, typography
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Amiri:wght@400;700&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  /* Brand colours */
  --sand:        #FDF6E3;
  --sand2:       #F5E9C8;
  --sand3:       #E0C97A;
  --sand4:       #C9AF60;
  --ink:         #2C1F0E;
  --ink2:        #5C4A30;
  --ink3:        #9A845A;
  --page-bg:     #EDE4CC;

  /* Phase colours */
  --makkah:      #C0491E;
  --makkah-l:    #FDEEE8;
  --madinah:     #1A6B43;
  --madinah-l:   #E5F4EC;

  /* Accent */
  --gold:        #D4A032;
  --gold2:       #F0C84A;

  /* Subject colours */
  --quran-dark:  #0F2D22;
  --quran-t:     #7ECFA0;
  --quiz-dark:   #2C3E8C;
  --quiz-l:      #EAF0FC;
  --purple:      #6B3FA0;
  --purple-l:    #F0E8FA;

  /* Layout */
  --radius:      12px;
  --sidebar-w:   272px;
  --max-width:   1300px;
}

html, body {
  font-family: 'Nunito', sans-serif;
  background: var(--page-bg);
  color: var(--ink);
  line-height: 1.5;
}