/* Majlis design tokens. The only file that holds colour values.
   Light = limestone + palm + copper. Dark ("Majlis Night") = deep palm ink + saffron + copper. */
:root {
  --f-body: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --f-kufi: "Reem Kufi", "Readex Pro", sans-serif;
  --f-ruqaa: "Aref Ruqaa", "Reem Kufi", serif;
  --f-latin: "Fraunces", Georgia, serif;
  --f-mono: "IBM Plex Mono", ui-monospace, monospace;

  --r-xs: 4px; --r-s: 8px; --r-m: 14px; --r-l: 22px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: 180ms;

  /* light */
  --bg: #ECE6DC;
  --bg-2: #E4DCCF;
  --surface: #FBFAF7;
  --surface-2: #F5F1EA;
  --line: #D6CBBA;
  --line-soft: #E6DED2;
  --ink: #1B2420;
  --ink-2: #47524C;
  --ink-3: #5E665F;
  --primary: #0F4A38;
  --primary-hover: #0B3A2C;
  --on-primary: #F3EEE4;
  --primary-soft: #EDF4EF;
  --primary-soft-2: #D9E7DE;
  --chrome: #072519;
  --on-chrome: #ECE6DA;
  --on-chrome-2: #B2C6BA;
  --chrome-accent: #D9A441;
  --chrome-accent-ink: #E8C47E;
  --accent: #B4672E;
  --accent-ink: #8A4517;
  --accent-soft: #F2E2D1;
  --accent-line: #E3C3A3;
  --hl: rgb(180 103 46 / .26);
  --warn-bg: #F7E6D3;
  --warn-ink: #7A3410;
  --warn-line: #E9C9A6;
  --ok-bg: #DDEDE3;
  --ok-ink: #155238;
  --danger: #A33A20;
  --danger-bg: #F6E1D9;
  --info-bg: #E1E5F2;
  --info-ink: #2C3E78;
  --pdf: #9C3B23; --pdf-bg: #F4E0D8;
  --xls: #0F4A38; --xls-bg: #D9E7DE;
  --doc: #2C3E78; --doc-bg: #E1E5F2;
  --lattice: #0F4A38;
  --lattice-2: #B4672E;
  --scrim: rgb(7 37 25 / .45);
  --sh-1: 0 1px 0 rgb(27 36 32 / .04), 0 2px 8px rgb(27 36 32 / .06);
  --sh-2: 0 2px 0 rgb(27 36 32 / .03), 0 18px 40px -18px rgb(11 58 44 / .35);
  --chart-1: #1E6A50; --chart-2: #C4692C; --chart-3: #4F79C2; --chart-4: #B8862B; --chart-5: #8C5A9E;
  /* sidebar chrome: limestone and saffron washes over the dark palm rail (the rail is dark in both themes) */
  --chrome-hover: rgb(236 230 218 / .07);
  --chrome-current: rgb(236 230 218 / .11);
  --chrome-press: rgb(236 230 218 / .1);
  --chrome-fill: rgb(236 230 218 / .08);
  --chrome-line: rgb(236 230 218 / .12);
  --chrome-accent-line: rgb(217 164 65 / .45);
  --chrome-accent-line-2: rgb(217 164 65 / .4);
  /* printed page in the document viewer: stays a light sheet of paper in both themes */
  --paper: #FFFEFB;
  --paper-ink: #1B2420;
  --paper-head: #0F4A38;
  --paper-foot: #6E6555;
  --paper-shadow: rgb(0 0 0 / .14);
  --paper-mark: rgb(180 103 46 / .32);
  --sheet-line: #D6DBD7;
  --sheet-head: #F0F3F0;
  --sheet-hit: rgb(180 103 46 / .16);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0A1611;
  --bg-2: #0F1E17;
  --surface: #12231B;
  --surface-2: #172B22;
  --line: #2B4237;
  --line-soft: #213529;
  --ink: #EDE7DB;
  --ink-2: #BCC9C0;
  --ink-3: #9AAA9F;
  --primary: #D9A441;
  --primary-hover: #E8B95E;
  --on-primary: #1A1206;
  --primary-soft: #1F3027;
  --primary-soft-2: #2A4034;
  --chrome: #06110C;
  --on-chrome: #ECE6DA;
  --on-chrome-2: #A9BCAF;
  --chrome-accent: #D9A441;
  --chrome-accent-ink: #E8C47E;
  --accent: #E39A62;
  --accent-ink: #F0B585;
  --accent-soft: #33241A;
  --accent-line: #5A3B25;
  --hl: rgb(227 154 98 / .30);
  --warn-bg: #3A2416;
  --warn-ink: #F3C49B;
  --warn-line: #6A3F22;
  --ok-bg: #173A2A;
  --ok-ink: #9FE0BF;
  --danger: #F08F74;
  --danger-bg: #3B1E17;
  --info-bg: #1C2540;
  --info-ink: #AFC0F2;
  --pdf: #F29A80; --pdf-bg: #3A1E17;
  --xls: #8FD6B0; --xls-bg: #15352A;
  --doc: #A9BCF5; --doc-bg: #1C2540;
  --lattice: #D9A441;
  --lattice-2: #E39A62;
  --scrim: rgb(0 0 0 / .6);
  --sh-1: 0 1px 0 rgb(0 0 0 / .3), 0 2px 10px rgb(0 0 0 / .3);
  --sh-2: 0 2px 0 rgb(0 0 0 / .25), 0 22px 44px -18px rgb(0 0 0 / .7);
  --chart-1: #D9A441; --chart-2: #5FB894; --chart-3: #E3836A; --chart-4: #8FA8F0; --chart-5: #C59BD6;
  --chrome-hover: rgb(236 230 218 / .07);
  --chrome-current: rgb(236 230 218 / .12);
  --chrome-press: rgb(236 230 218 / .1);
  --chrome-fill: rgb(236 230 218 / .08);
  --chrome-line: rgb(236 230 218 / .12);
  --chrome-accent-line: rgb(217 164 65 / .45);
  --chrome-accent-line-2: rgb(217 164 65 / .4);
  /* the paper stays light on purpose: it represents a printed page; a softer shadow suits the dark room */
  --paper: #FFFEFB;
  --paper-ink: #1B2420;
  --paper-head: #0F4A38;
  --paper-foot: #6E6555;
  --paper-shadow: rgb(0 0 0 / .45);
  --paper-mark: rgb(180 103 46 / .32);
  --sheet-line: #D6DBD7;
  --sheet-head: #F0F3F0;
  --sheet-hit: rgb(180 103 46 / .16);
  color-scheme: dark;
}