/* GENERATED by scripts/build-themes.mjs from design/palettes/*.json. Do not edit by hand.
   Every text/background pair below is checked for WCAG AA in design/contrast.md (design/contrast.py). */

/* Fajr light */
:root, [data-theme="fajr"] {
  color-scheme: light;
  --c-bg: #FBF6F0;
  --c-surface: #FFFFFF;
  --c-surface-2: #F6EDE4;
  --c-border: #EBDCCE;
  --c-border-strong: #94806F;
  --c-ink: #1A2233;
  --c-ink-2: #404857;
  --c-muted: #636874;
  --c-brand: #B9431C;
  --c-brand-strong: #8F3112;
  --c-brand-soft: #FCE7DC;
  --c-on-brand: #FFFFFF;
  --c-accent: #2A7FA8;
  --c-accent-ink: #1D5F80;
  --c-accent-soft: #E2F0F7;
  --c-sand: #F4B860;
  --c-on-sand: #2E1B03;
  --c-sand-soft: #FCEFD8;
  --c-success: #18744A;
  --c-success-soft: #E3F2E9;
  --c-warning: #7F5200;
  --c-warning-soft: #FCF1D6;
  --c-caution-soft: #FAE4BB;
  --c-danger: #8F1437;
  --c-danger-soft: #FBE7ED;
  --c-wa: #0F7A45;
  --c-on-wa: #FFFFFF;
  --c-focus: #1D5F80;
  --c-info-soft: #E2F0F7;
  --c-info-ink: #1D5F80;
  --c-mark-a: #B9431C;
  --c-mark-b: #F4B860;
}
/* Fajr dark */
[data-theme="fajr"][data-mode="dark"], :root[data-mode="dark"]:not([data-theme]) {
  color-scheme: dark;
  --c-bg: #14100E;
  --c-surface: #1E1916;
  --c-surface-2: #28211D;
  --c-border: #3A302A;
  --c-border-strong: #7D6C61;
  --c-ink: #F6EEE7;
  --c-ink-2: #D9CDC3;
  --c-muted: #AE9F94;
  --c-brand: #FF8A5C;
  --c-brand-strong: #FFB08F;
  --c-brand-soft: #3F2216;
  --c-on-brand: #2A0F03;
  --c-accent: #6CC0E6;
  --c-accent-ink: #9AD4EE;
  --c-accent-soft: #13303D;
  --c-sand: #F4B860;
  --c-on-sand: #2E1B03;
  --c-sand-soft: #3A2C17;
  --c-success: #5AD69C;
  --c-success-soft: #123022;
  --c-warning: #F2C35B;
  --c-warning-soft: #33280F;
  --c-caution-soft: #594421;
  --c-danger: #FF8AA6;
  --c-danger-soft: #3D1823;
  --c-wa: #2FBF6E;
  --c-on-wa: #04210F;
  --c-focus: #9AD4EE;
  --c-info-soft: #13303D;
  --c-info-ink: #9AD4EE;
  --c-mark-a: #FF8A5C;
  --c-mark-b: #F4B860;
  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 4px 14px rgba(0,0,0,.45);
  --shadow-3: 0 12px 32px rgba(0,0,0,.55);
}

/* Sahar light */
[data-theme="sahar"] {
  color-scheme: light;
  --c-bg: #F7F6FB;
  --c-surface: #FFFFFF;
  --c-surface-2: #EFEDF7;
  --c-border: #DDD9EB;
  --c-border-strong: #8A84A3;
  --c-ink: #1C1830;
  --c-ink-2: #45405C;
  --c-muted: #66617A;
  --c-brand: #6A35C2;
  --c-brand-strong: #4E2496;
  --c-brand-soft: #EFE8FC;
  --c-on-brand: #FFFFFF;
  --c-accent: #E07040;
  --c-accent-ink: #9E4520;
  --c-accent-soft: #FDEBE2;
  --c-sand: #F6B26B;
  --c-on-sand: #2E1A05;
  --c-sand-soft: #FDF0DF;
  --c-success: #18744A;
  --c-success-soft: #E3F2E9;
  --c-warning: #7F5200;
  --c-warning-soft: #FCF1D6;
  --c-caution-soft: #FAE4BB;
  --c-danger: #B42318;
  --c-danger-soft: #FCE9E7;
  --c-wa: #0F7A45;
  --c-on-wa: #FFFFFF;
  --c-focus: #6A35C2;
  --c-info-soft: #EFE8FC;
  --c-info-ink: #4E2496;
  --c-mark-a: #6A35C2;
  --c-mark-b: #F6B26B;
}
/* Sahar dark */
[data-theme="sahar"][data-mode="dark"] {
  color-scheme: dark;
  --c-bg: #110E1A;
  --c-surface: #1A1626;
  --c-surface-2: #241F33;
  --c-border: #353048;
  --c-border-strong: #7A7393;
  --c-ink: #F1EEF9;
  --c-ink-2: #D3CEE3;
  --c-muted: #A39DBA;
  --c-brand: #B49AF2;
  --c-brand-strong: #CDBBF7;
  --c-brand-soft: #2C2245;
  --c-on-brand: #1A0B3A;
  --c-accent: #F29A6E;
  --c-accent-ink: #F7B896;
  --c-accent-soft: #3A2318;
  --c-sand: #F6B26B;
  --c-on-sand: #2E1A05;
  --c-sand-soft: #3A2C1A;
  --c-success: #5AD69C;
  --c-success-soft: #123022;
  --c-warning: #F2C35B;
  --c-warning-soft: #33280F;
  --c-caution-soft: #56422C;
  --c-danger: #FF8A7E;
  --c-danger-soft: #3A1A17;
  --c-wa: #2FBF6E;
  --c-on-wa: #04210F;
  --c-focus: #CDBBF7;
  --c-info-soft: #2C2245;
  --c-info-ink: #CDBBF7;
  --c-mark-a: #B49AF2;
  --c-mark-b: #F6B26B;
  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 4px 14px rgba(0,0,0,.45);
  --shadow-3: 0 12px 32px rgba(0,0,0,.55);
}

/* Hajar light */
[data-theme="hajar"] {
  color-scheme: light;
  --c-bg: #F6F2EC;
  --c-surface: #FFFFFF;
  --c-surface-2: #EFE8DF;
  --c-border: #E2D8CB;
  --c-border-strong: #93857A;
  --c-ink: #241B16;
  --c-ink-2: #4A3F38;
  --c-muted: #6B5F57;
  --c-brand: #3B2B23;
  --c-brand-strong: #2A1E18;
  --c-brand-soft: #F1E5D3;
  --c-on-brand: #FFFFFF;
  --c-accent: #2C7A6E;
  --c-accent-ink: #1F5E54;
  --c-accent-soft: #E3F0EC;
  --c-sand: #D9B47A;
  --c-on-sand: #2A1C0C;
  --c-sand-soft: #F6EBDA;
  --c-success: #18744A;
  --c-success-soft: #E3F2E9;
  --c-warning: #7F5200;
  --c-warning-soft: #FCF1D6;
  --c-caution-soft: #FAE4BB;
  --c-danger: #B42318;
  --c-danger-soft: #FCE9E7;
  --c-wa: #0F7A45;
  --c-on-wa: #FFFFFF;
  --c-focus: #2C7A6E;
  --c-info-soft: #E3F0EC;
  --c-info-ink: #1F5E54;
  --c-mark-a: #2C7A6E;
  --c-mark-b: #D9B47A;
}
/* Hajar dark */
[data-theme="hajar"][data-mode="dark"] {
  color-scheme: dark;
  --c-bg: #13100E;
  --c-surface: #1C1815;
  --c-surface-2: #26201C;
  --c-border: #3A322C;
  --c-border-strong: #7F7268;
  --c-ink: #F3ECE4;
  --c-ink-2: #D6CBBF;
  --c-muted: #AA9D92;
  --c-brand: #E3CDB2;
  --c-brand-strong: #F1E2CF;
  --c-brand-soft: #3A2E25;
  --c-on-brand: #241B16;
  --c-accent: #6CC2B2;
  --c-accent-ink: #95D6C9;
  --c-accent-soft: #14302B;
  --c-sand: #D9B47A;
  --c-on-sand: #2A1C0C;
  --c-sand-soft: #3A2E1C;
  --c-success: #5AD69C;
  --c-success-soft: #123022;
  --c-warning: #F2C35B;
  --c-warning-soft: #33280F;
  --c-caution-soft: #584320;
  --c-danger: #FF8A7E;
  --c-danger-soft: #3A1A17;
  --c-wa: #2FBF6E;
  --c-on-wa: #04210F;
  --c-focus: #95D6C9;
  --c-info-soft: #14302B;
  --c-info-ink: #95D6C9;
  --c-mark-a: #5FA898;
  --c-mark-b: #D9B47A;
  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 4px 14px rgba(0,0,0,.45);
  --shadow-3: 0 12px 32px rgba(0,0,0,.55);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
  color-scheme: dark;
  --c-bg: #14100E;
  --c-surface: #1E1916;
  --c-surface-2: #28211D;
  --c-border: #3A302A;
  --c-border-strong: #7D6C61;
  --c-ink: #F6EEE7;
  --c-ink-2: #D9CDC3;
  --c-muted: #AE9F94;
  --c-brand: #FF8A5C;
  --c-brand-strong: #FFB08F;
  --c-brand-soft: #3F2216;
  --c-on-brand: #2A0F03;
  --c-accent: #6CC0E6;
  --c-accent-ink: #9AD4EE;
  --c-accent-soft: #13303D;
  --c-sand: #F4B860;
  --c-on-sand: #2E1B03;
  --c-sand-soft: #3A2C17;
  --c-success: #5AD69C;
  --c-success-soft: #123022;
  --c-warning: #F2C35B;
  --c-warning-soft: #33280F;
  --c-caution-soft: #594421;
  --c-danger: #FF8AA6;
  --c-danger-soft: #3D1823;
  --c-wa: #2FBF6E;
  --c-on-wa: #04210F;
  --c-focus: #9AD4EE;
  --c-info-soft: #13303D;
  --c-info-ink: #9AD4EE;
  --c-mark-a: #FF8A5C;
  --c-mark-b: #F4B860;
  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 4px 14px rgba(0,0,0,.45);
  --shadow-3: 0 12px 32px rgba(0,0,0,.55);
  }
}