/* --------------------------------------------------------------
   Custom extensions from your Tailwind config
   -------------------------------------------------------------- */

/* 1️⃣ Custom font‑family (adds the same class Tailwind uses: .font-sans) */
.font-sans {
  font-family: Vazirmatn, system-ui, sans-serif;
}

/* 2️⃣ Custom “parsian” colour palette – exposed as CSS variables */
:root {
  --parsian-gold:       #D4AF37;
  --parsian-gold-light: #F3E5AB;
  --parsian-dark:       #0B0F19;
  --parsian-darker:     #05070C;
  --parsian-panel:      #151C2C;
}

/* Text colour utilities */
.text-parsian-gold       { color: var(--parsian-gold); }
.text-parsian-gold_light { color: var(--parsian-gold-light); }
.text-parsian-dark       { color: var(--parsian-dark); }
.text-parsian-darker     { color: var(--parsian-darker); }

/* Background colour utilities */
.bg-parsian-gold       { background-color: var(--parsian-gold); }
.bg-parsian-gold_light { background-color: var(--parsian-gold-light); }
.bg-parsian-dark       { background-color: var(--parsian-dark); }
.bg-parsian-darker     { background-color: var(--parsian-darker); }
.bg-parsian-panel      { background-color: var(--parsian-panel); }

/* Border colour utilities */
.border-parsian-gold       { border-color: var(--parsian-gold); }
.border-parsian-gold_light { border-color: var(--parsian-gold-light); }
.border-parsian-dark       { border-color: var(--parsian-dark); }
.border-parsian-darker     { border-color: var(--parsian-darker); }
.border-parsian-panel      { border-color: var(--parsian-panel); }