/* ============================================================================
   Manodo palettes.

   Not invented here. These are the twenty-four palettes that ship with the
   design system's own mark library (marks.js): twenty Khadi-system themes plus
   four extreme grounds. Each one gives paper, ink, accent, accent2 and stone;
   everything else on this page is derived from those five so that switching
   palette can never leave a component behind.

   Default is Chandan, sandalwood. It was picked by measurement rather than
   taste: the six product photographs are lit on a warm plaster wall that
   samples between #887762 and #A49580, mean about #9C8B76, which sits at hue
   33. Chandan's stone and accent sit at hue 35 to 38, so the photographs meet
   the page instead of floating on it.

   --well is the derived mid tone every photograph sits in. Because it comes
   from the active palette, no palette can put a photograph out of place.

   Generated by scratchpad/gen_palettes.mjs from marks.js. Do not hand edit.
   ========================================================================== */

/* default: Chandan */

:root, :root[data-palette="chandan"] {
  --paper:    #F6EDDD;
  --paper-2:  #ECE3D3;
  --paper-3:  #E2D9C9;
  --well:     #998C77;
  --well-dim: #8A7D69;
  --ink:      #2B2114;
  --ink-2:    #4B4234;
  --soft:     #685E50;
  --mut:      #8C8374;
  --faint:    #A99F91;
  --strike:   #A19789;
  --line:     #ECDEC5;
  --line-2:   #CEC0A6;
  --stone:    #E9DABE;
  --accent:     #A87A37;
  --accent-2:   #DFC28E;
  --accent-ink: #89642E;
  --on-accent:  #FBF7F0;
}

/* Incumbent */

:root[data-palette="khadi"] {
  --paper:    #F7F4EE;
  --paper-2:  #ECE9E3;
  --paper-3:  #E1DED9;
  --well:     #908B81;
  --well-dim: #807B72;
  --ink:      #1C1A17;
  --ink-2:    #3F3D39;
  --soft:     #5E5B58;
  --mut:      #85837E;
  --faint:    #A4A19C;
  --strike:   #9B9894;
  --line:     #E8E1D5;
  --line-2:   #C8C1B4;
  --stone:    #E4DCCE;
  --accent:     #A9702E;
  --accent-2:   #E0BC7C;
  --accent-ink: #94632B;
  --on-accent:  #FBFAF7;
}

/* Indigo Dabu */

:root[data-palette="dabu"] {
  --paper:    #E7EDF7;
  --paper-2:  #DCE2ED;
  --paper-3:  #D1D8E3;
  --well:     #7A869E;
  --well-dim: #6B768F;
  --ink:      #0E1730;
  --ink-2:    #313950;
  --soft:     #4F576C;
  --mut:      #767E90;
  --faint:    #959CAB;
  --strike:   #8C93A3;
  --line:     #CFDCF0;
  --line-2:   #AEBCD3;
  --stone:    #C8D7EE;
  --accent:     #27479B;
  --accent-2:   #A5BCE8;
  --accent-ink: #27479B;
  --on-accent:  #F4F7FB;
}

/* Kesar */

:root[data-palette="kesar"] {
  --paper:    #FDF0D8;
  --paper-2:  #F3E5CE;
  --paper-3:  #E8DBC3;
  --well:     #A08A67;
  --well-dim: #907A5A;
  --ink:      #2B1907;
  --ink-2:    #4D3B28;
  --soft:     #6A5A46;
  --mut:      #90806B;
  --faint:    #AD9E89;
  --strike:   #A59680;
  --line:     #F7E0B6;
  --line-2:   #D9C195;
  --stone:    #F5DCAC;
  --accent:     #DE8710;
  --accent-2:   #F6CB84;
  --accent-ink: #965B0C;
  --on-accent:  #FEF8ED;
}

/* Mehndi */

:root[data-palette="mehndi"] {
  --paper:    #ECF2E0;
  --paper-2:  #E1E8D6;
  --paper-3:  #D6DDCB;
  --well:     #839272;
  --well-dim: #738264;
  --ink:      #13200E;
  --ink-2:    #364230;
  --soft:     #545F4D;
  --mut:      #7B8573;
  --faint:    #9AA290;
  --strike:   #919A88;
  --line:     #D9E7C2;
  --line-2:   #B9C9A2;
  --stone:    #D4E4BA;
  --accent:     #4B7A1E;
  --accent-2:   #B5D488;
  --accent-ink: #48761D;
  --on-accent:  #F6F9F1;
}

/* Gulabi */

:root[data-palette="gulabi"] {
  --paper:    #FBE8E7;
  --paper-2:  #F1DDDC;
  --paper-3:  #E6D2D2;
  --well:     #9F7F81;
  --well-dim: #8F6F71;
  --ink:      #2C0F12;
  --ink-2:    #4D3234;
  --soft:     #6A5052;
  --mut:      #8F7778;
  --faint:    #AC9696;
  --strike:   #A48D8E;
  --line:     #F4D5D6;
  --line-2:   #D6B5B6;
  --stone:    #F2D0D1;
  --accent:     #D2455F;
  --accent-2:   #F3B1BA;
  --accent-ink: #B93D53;
  --on-accent:  #FDF5F4;
}

/* Haldi */

:root[data-palette="haldi"] {
  --paper:    #FCF3D0;
  --paper-2:  #F1E8C6;
  --paper-3:  #E7DEBC;
  --well:     #9B8F5F;
  --well-dim: #8A7F52;
  --ink:      #251D05;
  --ink-2:    #473F25;
  --soft:     #665D42;
  --mut:      #8C8466;
  --faint:    #AAA283;
  --strike:   #A2997B;
  --line:     #F3E6AB;
  --line-2:   #D4C68A;
  --stone:    #F1E2A0;
  --accent:     #C6A00C;
  --accent-2:   #EEDA80;
  --accent-ink: #866C09;
  --on-accent:  #FEFAEA;
}

/* Jamun */

:root[data-palette="jamun"] {
  --paper:    #F1E8F3;
  --paper-2:  #E7DDE9;
  --paper-3:  #DCD2DE;
  --well:     #907B95;
  --well-dim: #806C85;
  --ink:      #210D25;
  --ink-2:    #423046;
  --soft:     #5F4F63;
  --mut:      #857688;
  --faint:    #A295A5;
  --strike:   #9A8C9C;
  --line:     #E4D1E9;
  --line-2:   #C5B0CB;
  --stone:    #E0CBE6;
  --accent:     #7C2C90;
  --accent-2:   #D2A6DC;
  --accent-ink: #7C2C90;
  --on-accent:  #F9F5FA;
}

/* Neelkanth */

:root[data-palette="neel"] {
  --paper:    #E2F0EF;
  --paper-2:  #D7E6E5;
  --paper-3:  #CCDBDB;
  --well:     #739192;
  --well-dim: #648183;
  --ink:      #052226;
  --ink-2:    #284346;
  --soft:     #476062;
  --mut:      #6F8586;
  --faint:    #8EA2A3;
  --strike:   #85999B;
  --line:     #CAE5E4;
  --line-2:   #A8C7C7;
  --stone:    #C3E2E1;
  --accent:     #0B7C83;
  --accent-2:   #8FCED0;
  --accent-ink: #0A737A;
  --on-accent:  #F2F8F8;
}

/* Sindoor */

:root[data-palette="sindoor"] {
  --paper:    #FCE8DF;
  --paper-2:  #F2DDD4;
  --paper-3:  #E7D2C9;
  --well:     #A07B6D;
  --well-dim: #906C5F;
  --ink:      #2D0E07;
  --ink-2:    #4E312A;
  --soft:     #6B4F48;
  --mut:      #90776F;
  --faint:    #AD958D;
  --strike:   #A58C84;
  --line:     #F6D1BF;
  --line-2:   #D8B09E;
  --stone:    #F4CAB6;
  --accent:     #C63715;
  --accent-2:   #F0A78B;
  --accent-ink: #BE3514;
  --on-accent:  #FEF5F1;
}

/* Pista */

:root[data-palette="pista"] {
  --paper:    #EEF4E3;
  --paper-2:  #E3EAD9;
  --paper-3:  #D9DFCE;
  --well:     #899678;
  --well-dim: #79866A;
  --ink:      #192412;
  --ink-2:    #3B4533;
  --soft:     #596251;
  --mut:      #7F8876;
  --faint:    #9DA594;
  --strike:   #959D8B;
  --line:     #DEEBC9;
  --line-2:   #BFCDA9;
  --stone:    #DAE9C2;
  --accent:     #6C9B39;
  --accent-2:   #C1DB9C;
  --accent-ink: #53772D;
  --on-accent:  #F7FAF2;
}

/* Ajrakh */

:root[data-palette="ajrakh"] {
  --paper:    #EFE7DD;
  --paper-2:  #E4DDD5;
  --paper-3:  #D9D2CC;
  --well:     #858385;
  --well-dim: #74747A;
  --ink:      #0E1934;
  --ink-2:    #323A4F;
  --soft:     #525767;
  --mut:      #7A7C85;
  --faint:    #9A999D;
  --strike:   #919096;
  --line:     #E0D5C6;
  --line-2:   #BFB6AC;
  --stone:    #DCD0BF;
  --accent:     #AB2818;
  --accent-2:   #E0A28B;
  --accent-ink: #AB2818;
  --on-accent:  #F8F4F0;
}

/* Chikankari */

:root[data-palette="chikan"] {
  --paper:    #F2F4F9;
  --paper-2:  #E8EAEF;
  --paper-3:  #DDDFE6;
  --well:     #8E91A2;
  --well-dim: #7F8293;
  --ink:      #22253A;
  --ink-2:    #434659;
  --soft:     #606373;
  --mut:      #868896;
  --faint:    #A3A5B0;
  --strike:   #9B9DA9;
  --line:     #E2E4F0;
  --line-2:   #C3C6D5;
  --stone:    #DDE0EE;
  --accent:     #6A72BD;
  --accent-2:   #BFC4E8;
  --accent-ink: #636AB0;
  --on-accent:  #F9FAFC;
}

/* Banarasi */

:root[data-palette="banarasi"] {
  --paper:    #FBF1D9;
  --paper-2:  #F1E6CF;
  --paper-3:  #E7DAC5;
  --well:     #9E846B;
  --well-dim: #8E735F;
  --ink:      #2F0D15;
  --ink-2:    #503134;
  --soft:     #6C5150;
  --mut:      #917A73;
  --faint:    #AD9A8F;
  --strike:   #A59187;
  --line:     #F2DFB4;
  --line-2:   #D4BD94;
  --stone:    #EFDAA9;
  --accent:     #AB1B3B;
  --accent-2:   #E8B764;
  --accent-ink: #AB1B3B;
  --on-accent:  #FDF9EE;
}

/* Firozi */

:root[data-palette="firozi"] {
  --paper:    #E0F3F6;
  --paper-2:  #D5E9EC;
  --paper-3:  #CADEE2;
  --well:     #71959E;
  --well-dim: #62858F;
  --ink:      #052430;
  --ink-2:    #284550;
  --soft:     #47626B;
  --mut:      #6E878F;
  --faint:    #8DA4AB;
  --strike:   #849CA3;
  --line:     #C6E9EF;
  --line-2:   #A5CBD3;
  --stone:    #BFE6ED;
  --accent:     #0A96AB;
  --accent-2:   #8ED7E1;
  --accent-ink: #097486;
  --on-accent:  #F1FAFB;
}

/* Kanjivaram */

:root[data-palette="kanjivaram"] {
  --paper:    #F6ECE1;
  --paper-2:  #ECE1D8;
  --paper-3:  #E2D6D0;
  --well:     #998285;
  --well-dim: #8A727A;
  --ink:      #2B0D35;
  --ink-2:    #4B3151;
  --soft:     #685069;
  --mut:      #8C7888;
  --faint:    #A997A0;
  --strike:   #A18E99;
  --line:     #ECDCC6;
  --line-2:   #CEBBAC;
  --stone:    #E9D7BF;
  --accent:     #8621AB;
  --accent-2:   #E0A73A;
  --accent-ink: #8621AB;
  --on-accent:  #FBF6F2;
}

/* Monsoon */

:root[data-palette="monsoon"] {
  --paper:    #E7EEF3;
  --paper-2:  #DCE4E9;
  --paper-3:  #D2D9DF;
  --well:     #7D8E99;
  --well-dim: #6E7F8A;
  --ink:      #10202C;
  --ink-2:    #32414C;
  --soft:     #515E68;
  --mut:      #77838C;
  --faint:    #95A0A7;
  --strike:   #8D979F;
  --line:     #D2E1EA;
  --line-2:   #B2C3CE;
  --stone:    #CCDDE8;
  --accent:     #356D93;
  --accent-2:   #A2C5DC;
  --accent-ink: #356D93;
  --on-accent:  #F4F7FA;
}

/* Tussar */

:root[data-palette="tussar"] {
  --paper:    #F7EEDA;
  --paper-2:  #EDE4D0;
  --paper-3:  #E3DAC6;
  --well:     #9B8D6F;
  --well-dim: #8C7E62;
  --ink:      #2D2210;
  --ink-2:    #4D4330;
  --soft:     #6A5F4D;
  --mut:      #8E8471;
  --faint:    #AAA08D;
  --strike:   #A29885;
  --line:     #EEDFBC;
  --line-2:   #D0C19D;
  --stone:    #EBDBB4;
  --accent:     #BA8524;
  --accent-2:   #E6C888;
  --accent-ink: #89621D;
  --on-accent:  #FBF7EE;
}

/* Kora */

:root[data-palette="kora"] {
  --paper:    #F3F2ED;
  --paper-2:  #E8E7E3;
  --paper-3:  #DEDDD8;
  --well:     #908E86;
  --well-dim: #807E77;
  --ink:      #1D1D1B;
  --ink-2:    #3F3F3D;
  --soft:     #5D5D5A;
  --mut:      #848380;
  --faint:    #A2A19D;
  --strike:   #999995;
  --line:     #E7E3DA;
  --line-2:   #C7C4BA;
  --stone:    #E3DFD4;
  --accent:     #7B7566;
  --accent-2:   #CFC9BA;
  --accent-ink: #726C5F;
  --on-accent:  #FAF9F7;
}

/* Rani */

:root[data-palette="rani"] {
  --paper:    #FCE7EF;
  --paper-2:  #F2DCE5;
  --paper-3:  #E7D1DA;
  --well:     #A1778C;
  --well-dim: #91677D;
  --ink:      #2E0820;
  --ink-2:    #4F2C41;
  --soft:     #6C4B5E;
  --mut:      #917383;
  --faint:    #AE92A0;
  --strike:   #A58998;
  --line:     #F7CEDF;
  --line-2:   #D9ACC0;
  --stone:    #F5C7DA;
  --accent:     #D51372;
  --accent-2:   #F6A2C6;
  --accent-ink: #CD126E;
  --on-accent:  #FEF4F8;
}

/* Nisha & Brass */

:root[data-palette="nishaBrass"] {
  --paper:    #0E0D0C;
  --paper-2:  #1B1A18;
  --paper-3:  #272522;
  --well:     #22211F;
  --well-dim: #3E3D39;
  --ink:      #EDE6D8;
  --ink-2:    #C9C3B7;
  --soft:     #AAA59B;
  --mut:      #827E76;
  --faint:    #635F5A;
  --strike:   #6C6862;
  --line:     #262423;
  --line-2:   #484542;
  --stone:    #2D2B29;
  --accent:     #C89B4A;
  --accent-2:   #8A7A6A;
  --accent-ink: #C89B4A;
  --on-accent:  #939292;
}

/* Genda */

:root[data-palette="genda"] {
  --paper:    #E8901A;
  --paper-2:  #DD8A19;
  --paper-3:  #D28319;
  --well:     #7C4F13;
  --well-dim: #6D4612;
  --ink:      #100E0B;
  --ink-2:    #33230D;
  --soft:     #513510;
  --mut:      #784C12;
  --faint:    #965F14;
  --strike:   #8D5914;
  --line:     #D18218;
  --line-2:   #B06E16;
  --stone:    #CA7E18;
  --accent:     #FFF6E6;
  --accent-2:   #7A4A08;
  --accent-ink: #34312C;
  --on-accent:  #100E0B;
}

/* Safed */

:root[data-palette="safed"] {
  --paper:    #FFFFFF;
  --paper-2:  #F2F2F2;
  --paper-3:  #E6E6E6;
  --well:     #7F7F7F;
  --well-dim: #6D6D6D;
  --ink:      #000000;
  --ink-2:    #292929;
  --soft:     #4D4D4D;
  --mut:      #7A7A7A;
  --faint:    #9E9E9E;
  --strike:   #949494;
  --line:     #E3E3E3;
  --line-2:   #BCBCBC;
  --stone:    #DBDBDB;
  --accent:     #E0301E;
  --accent-2:   #8A8A8A;
  --accent-ink: #E0301E;
  --on-accent:  #FFFFFF;
}

/* Kajal */

:root[data-palette="kajal"] {
  --paper:    #0A0A0A;
  --paper-2:  #181818;
  --paper-3:  #242424;
  --well:     #202020;
  --well-dim: #3F3F3F;
  --ink:      #FAFAFA;
  --ink-2:    #D4D4D4;
  --soft:     #B2B2B2;
  --mut:      #878787;
  --faint:    #656565;
  --strike:   #6F6F6F;
  --line:     #252525;
  --line-2:   #494949;
  --stone:    #2C2C2C;
  --accent:     #8A8A8A;
  --accent-2:   #6E6E6E;
  --accent-ink: #8A8A8A;
  --on-accent:  #919191;
}


/* The mandala hue set. Five accents borrowed from sibling palettes in the same
   system, which is what gives the pattern layer its range without ever putting
   saturation into the ground. */
:root {
  --pat-1: #AB1B3B;   /* Banarasi crimson */
  --pat-2: #27479B;   /* Indigo Dabu */
  --pat-3: #4B7A1E;   /* Mehndi green */
  --pat-4: #DE8710;   /* Kesar saffron */
  --pat-5: #7C2C90;   /* Jamun purple */
}