/* i-Faham v0.6 "Nila Mesra" (friendly Nila). Light and dark.
   Indigo stays the brand colour, a little brighter and warmer. Soft tinted surfaces replace hairlines.
   Accents from Malaysia: songket gold and bunga raya coral, plus teal and plum for subjects.
   One friendly typeface, Lexend (designed for reading fluency), for everything. */

:root {
  --font-sans: "Lexend", "Noto Sans SC", "Noto Sans Tamil", system-ui, sans-serif;
  --font-display: "Lexend", "Noto Sans SC", "Noto Sans Tamil", system-ui, sans-serif;
  --hand: "Lexend", sans-serif; --hand-weight: 700; --hand-style: normal;

  --bg: #F3F6FB; --bg-desk: #E6EBF4; --surface: #FFFFFF; --surface-2: #EAF0F8;
  --ink: #19223D; --ink-2: #56607A; --ink-3: #8C94AA; --line: #E2E7F0; --line-2: #CDD5E3;
  --indigo: #3152A3; --indigo-deep: #233C7A; --indigo-2: #4E6CC4; --indigo-wash: #E6ECF8;
  --primary: #3152A3; --primary-press: #27458C; --on-primary: #FFFFFF;
  --gold: #E3A83B; --gold-ink: #8A5B0B; --gold-wash: #FBF0D9;
  --coral: #EF6B57; --coral-ink: #A9372A; --coral-wash: #FDE8E4;
  --teal: #1F9E8F; --teal-ink: #0F6B60; --teal-wash: #DDF2EF;
  --plum: #7A5CC4; --plum-ink: #4E3591; --plum-wash: #ECE6F8;
  --mark: #D9412F; --mark-soft: #FCE7E3; --err-ink: #B4321F;
  --hl: #F9DC6E;
  --r-xl: 28px; --r-lg: 22px; --r-md: 16px; --r-sm: 12px;
  --f-body: #3152A3; --f-foot: #233C7A;
  /* used by the figure, picture and chart renderers */
  --accent: var(--indigo); --accent-text: var(--indigo); --accent-soft: var(--indigo-wash);
  --action: var(--indigo-2); --action-soft: var(--indigo-wash); --rule: var(--line-2); --sheet: var(--surface);
  --chart-line: var(--indigo); --chart-fill: rgba(49, 82, 163, 0.08); --chart-dot: var(--mark); --chart-grid: var(--line); --chart-label: var(--ink-3);
  --stat-bg: var(--surface);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0E1426; --bg-desk: #080C18; --surface: #161E36; --surface-2: #1D2742;
  --ink: #EEF1F8; --ink-2: #AEB6CA; --ink-3: #7A839B; --line: #26304B; --line-2: #34405F;
  --indigo: #8DA6E8; --indigo-deep: #C5D2F4; --indigo-2: #A9BCF0; --indigo-wash: #222F52;
  --primary: #8DA6E8; --primary-press: #7A96E2; --on-primary: #0E1426;
  --gold: #E9B451; --gold-ink: #F3D08E; --gold-wash: #3A2E16;
  --coral: #F27C69; --coral-ink: #FFB3A6; --coral-wash: #3D2020;
  --teal: #35B8A8; --teal-ink: #8FE0D5; --teal-wash: #153532;
  --plum: #9B82DB; --plum-ink: #CDBDF5; --plum-wash: #2B2447;
  --mark: #FF7F6E; --mark-soft: #3A1E1C; --err-ink: #FFB0A4;
  --hl: #8C7322;
  --f-body: #4E6CC4; --f-foot: #3152A3;
  --chart-fill: rgba(141, 166, 232, 0.1);
  color-scheme: dark;
}