/* ============================================================
   Madain Al Mustaqbal — Color tokens
   Gold (brand metal) · Ink (charcoal slate) · Ivory (warm paper)
   ============================================================ */
:root {
  /* ---- Gold scale (brand metal) ---- */
  --gold-50:  #FBF6EA;
  --gold-100: #F4E9CE;
  --gold-200: #E9D5A2;
  --gold-300: #DCBE73;
  --gold-400: #CFA94F;
  --gold-500: #BE9239;  /* primary brand gold */
  --gold-600: #A07A2E;
  --gold-700: #7F6024;
  --gold-800: #5D461B;
  --gold-900: #3D2E12;

  /* ---- Ink scale (charcoal slate) ---- */
  --ink-950: #0E0F12;
  --ink-900: #15161A;  /* primary dark surface */
  --ink-800: #1C1E23;
  --ink-700: #25282E;
  --ink-600: #31353C;
  --ink-500: #4A4F58;
  --ink-400: #6C717A;
  --ink-300: #92969E;
  --ink-200: #C3C5CA;
  --ink-100: #E3E4E7;
  --ink-50:  #F2F2F4;

  /* ---- Ivory neutrals (warm paper) ---- */
  --ivory-0:   #FFFFFF;
  --ivory-50:  #FCFBF7;
  --ivory-100: #F8F5EE;  /* page background */
  --ivory-200: #F0EBDE;
  --ivory-300: #E4DCC9;

  /* ---- Semantic accents (muted, mineral) ---- */
  --green-600: #2E6B4F;
  --green-100: #E2EFE8;
  --red-600:   #9C3F37;
  --red-100:   #F6E5E3;
  --blue-600:  #35567A;
  --blue-100:  #E3EAF2;

  /* ---- Semantic aliases — light context ---- */
  --surface-page:    var(--ivory-100);
  --surface-card:    var(--ivory-0);
  --surface-raised:  var(--ivory-50);
  --surface-sunken:  var(--ivory-200);
  --surface-inverse: var(--ink-900);

  --text-display: var(--ink-900);
  --text-body:    var(--ink-700);
  --text-muted:   var(--ink-400);
  --text-on-dark: var(--ivory-50);
  --text-on-dark-muted: rgba(248, 245, 238, 0.62);
  --text-on-gold: var(--ink-900);
  --text-gold:    var(--gold-600);
  --text-gold-on-dark: var(--gold-300);

  --accent:        var(--gold-500);
  --accent-strong: var(--gold-600);
  --accent-soft:   var(--gold-100);

  --border-subtle:  rgba(21, 22, 26, 0.10);
  --border-default: rgba(21, 22, 26, 0.16);
  --border-gold:    rgba(190, 146, 57, 0.45);
  --border-on-dark: rgba(248, 245, 238, 0.16);
  --border-gold-on-dark: rgba(220, 190, 115, 0.38);

  --status-success: var(--green-600);
  --status-success-bg: var(--green-100);
  --status-danger:  var(--red-600);
  --status-danger-bg: var(--red-100);
  --status-info:    var(--blue-600);
  --status-info-bg: var(--blue-100);

  /* ---- Gradients (used sparingly: hero scrims, gold sheen rules) ---- */
  --gradient-gold-sheen: linear-gradient(100deg, #A07A2E 0%, #DCBE73 38%, #F4E9CE 50%, #DCBE73 62%, #A07A2E 100%); /* @kind other */
  --gradient-dark-scrim: linear-gradient(180deg, rgba(14,15,18,0) 0%, rgba(14,15,18,0.82) 100%); /* @kind other */
}