/* Generated by tools/build_palettes.py. Switch palettes with
   <html data-palette="slug">. The first palette is the default. */

/* قبة النجف — najaf-dome */
:root, [data-palette="najaf-dome"] {
  --primary-50: #F2F7FF;
  --primary-100: #E2EDFB;
  --primary-200: #CADBF0;
  --primary-300: #ACC3E1;
  --primary-400: #86A5CD;
  --primary-500: #648ABA;
  --primary-600: #4470A8;
  --primary-700: #265895;
  --primary-800: #1D4679;
  --primary-900: #153760;
  --primary-950: #0C2747;
  --accent-50: #EAFAFC;
  --accent-100: #D7F5F8;
  --accent-200: #B4EBF0;
  --accent-300: #83DDE6;
  --accent-400: #2ECAD7;
  --accent-500: #0EABB7;
  --accent-600: #0C8E98;
  --accent-700: #05747C;
  --accent-800: #0B5A60;
  --accent-900: #004449;
  --accent-950: #022D30;
  --neutral-50: #F8FAFE;
  --neutral-100: #F1F4F9;
  --neutral-200: #E3E7EC;
  --neutral-300: #D0D5DA;
  --neutral-400: #9DA2A8;
  --neutral-500: #6F747A;
  --neutral-600: #4F5358;
  --neutral-700: #3C4045;
  --neutral-800: #24272A;
  --neutral-900: #16181B;
  --neutral-950: #090A0C;
  --primary-base: var(--primary-700);
  --accent-base: var(--accent-400);
  --on-accent: var(--primary-950);
}

/* ذهب الحضرة — haram-gold */
[data-palette="haram-gold"] {
  --primary-50: #F3F7FF;
  --primary-100: #E7EDF8;
  --primary-200: #D2DBEA;
  --primary-300: #B8C4D8;
  --primary-400: #98A7C1;
  --primary-500: #7B8CAC;
  --primary-600: #607498;
  --primary-700: #485D86;
  --primary-800: #314873;
  --primary-900: #1D3461;
  --primary-950: #19263F;
  --accent-50: #FCF6EA;
  --accent-100: #F6ECD6;
  --accent-200: #EBD8B1;
  --accent-300: #DDBF82;
  --accent-400: #C9A043;
  --accent-500: #AC8731;
  --accent-600: #917020;
  --accent-700: #785B0E;
  --accent-800: #604706;
  --accent-900: #4A3500;
  --accent-950: #322402;
  --neutral-50: #FBFAF7;
  --neutral-100: #F6F4F0;
  --neutral-200: #E8E6E1;
  --neutral-300: #D6D4CF;
  --neutral-400: #A4A19B;
  --neutral-500: #76736D;
  --neutral-600: #55524D;
  --neutral-700: #423F3B;
  --neutral-800: #282623;
  --neutral-900: #191815;
  --neutral-950: #0B0A08;
  --primary-base: var(--primary-900);
  --accent-base: var(--accent-400);
  --on-accent: var(--primary-950);
}

/* نحاس الكوفة — kufa-copper */
[data-palette="kufa-copper"] {
  --primary-50: #F0F9FA;
  --primary-100: #E4F0F2;
  --primary-200: #CEE0E3;
  --primary-300: #B2CBD0;
  --primary-400: #8FB2B7;
  --primary-500: #6F9AA1;
  --primary-600: #51848C;
  --primary-700: #337079;
  --primary-800: #0F5C66;
  --primary-900: #0A444C;
  --primary-950: #052C31;
  --accent-50: #FFF5ED;
  --accent-100: #FEE6D5;
  --accent-200: #F7CDAE;
  --accent-300: #ECAD7D;
  --accent-400: #D9843B;
  --accent-500: #BB6F2B;
  --accent-600: #A05B1C;
  --accent-700: #87490C;
  --accent-800: #6C3906;
  --accent-900: #552B01;
  --accent-950: #3D1D01;
  --neutral-50: #F7FBFC;
  --neutral-100: #F0F5F6;
  --neutral-200: #E1E7E8;
  --neutral-300: #CFD6D7;
  --neutral-400: #9BA3A4;
  --neutral-500: #6D7576;
  --neutral-600: #4D5455;
  --neutral-700: #3B4142;
  --neutral-800: #232728;
  --neutral-900: #15191A;
  --neutral-950: #080B0B;
  --primary-base: var(--primary-800);
  --accent-base: var(--accent-400);
  --on-accent: var(--primary-950);
}

/* رمال النجف — najaf-sand */
[data-palette="najaf-sand"] {
  --primary-50: #FFF4F1;
  --primary-100: #FDE8E1;
  --primary-200: #F2D3C8;
  --primary-300: #E5B9AA;
  --primary-400: #D29884;
  --primary-500: #C07961;
  --primary-600: #AD5D41;
  --primary-700: #9A4222;
  --primary-800: #7B3217;
  --primary-900: #60240E;
  --primary-950: #441605;
  --accent-50: #FCF6EA;
  --accent-100: #F8EACF;
  --accent-200: #EFD39D;
  --accent-300: #E2B65C;
  --accent-400: #C39B48;
  --accent-500: #A78336;
  --accent-600: #8E6D24;
  --accent-700: #765913;
  --accent-800: #5F4609;
  --accent-900: #4A3502;
  --accent-950: #332402;
  --neutral-50: #FDF9F6;
  --neutral-100: #F7F3EF;
  --neutral-200: #EAE5E1;
  --neutral-300: #D8D3CE;
  --neutral-400: #A6A09A;
  --neutral-500: #78726C;
  --neutral-600: #56524C;
  --neutral-700: #433F3A;
  --neutral-800: #292622;
  --neutral-900: #1A1815;
  --neutral-950: #0C0A08;
  --primary-base: var(--primary-700);
  --accent-base: var(--accent-300);
  --on-accent: var(--primary-950);
}

/* حبر الورّاق — warraq-ink */
[data-palette="warraq-ink"] {
  --primary-50: #F6F7F9;
  --primary-100: #EBECF0;
  --primary-200: #D8DADF;
  --primary-300: #C1C3C9;
  --primary-400: #A3A6AE;
  --primary-500: #888C95;
  --primary-600: #6F747E;
  --primary-700: #595E69;
  --primary-800: #444955;
  --primary-900: #313643;
  --primary-950: #1E2330;
  --accent-50: #FFF4F1;
  --accent-100: #FFE6DF;
  --accent-200: #FECDC0;
  --accent-300: #FFAB93;
  --accent-400: #F38161;
  --accent-500: #E4572E;
  --accent-600: #C2451F;
  --accent-700: #A33410;
  --accent-800: #852301;
  --accent-900: #661C05;
  --accent-950: #490F00;
  --neutral-50: #F9FAFC;
  --neutral-100: #F3F4F6;
  --neutral-200: #E5E6E9;
  --neutral-300: #D3D4D7;
  --neutral-400: #A0A1A5;
  --neutral-500: #727377;
  --neutral-600: #515256;
  --neutral-700: #3F4042;
  --neutral-800: #262628;
  --neutral-900: #18181A;
  --neutral-950: #0A0A0B;
  --primary-base: var(--primary-950);
  --accent-base: var(--accent-500);
  --on-accent: var(--primary-950);
}

/* خضرة الفرات — euphrates-green */
[data-palette="euphrates-green"] {
  --primary-50: #EFFAF5;
  --primary-100: #E2F1E9;
  --primary-200: #C9E0D5;
  --primary-300: #AACBBC;
  --primary-400: #83B09C;
  --primary-500: #5E977F;
  --primary-600: #3A8065;
  --primary-700: #0E6B4E;
  --primary-800: #07563E;
  --primary-900: #03422F;
  --primary-950: #002F20;
  --accent-50: #FEF6E7;
  --accent-100: #FCEBC9;
  --accent-200: #F8D58F;
  --accent-300: #F0B93A;
  --accent-400: #D09E24;
  --accent-500: #B28406;
  --accent-600: #956E04;
  --accent-700: #795A0F;
  --accent-800: #604705;
  --accent-900: #4A3504;
  --accent-950: #332401;
  --neutral-50: #F7FBF9;
  --neutral-100: #F1F5F3;
  --neutral-200: #E2E8E5;
  --neutral-300: #D0D6D3;
  --neutral-400: #9DA3A0;
  --neutral-500: #6E7572;
  --neutral-600: #4E5451;
  --neutral-700: #3C413F;
  --neutral-800: #242726;
  --neutral-900: #161918;
  --neutral-950: #080B0A;
  --primary-base: var(--primary-700);
  --accent-base: var(--accent-300);
  --on-accent: var(--primary-950);
}