/* Generated from src/brand/tokens.json by build.py. Do not edit. */
@font-face { font-family: "Readex Pro"; src: url("/assets/fonts/ReadexPro-Variable-Latin.woff2") format("woff2"); font-weight: 160 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Readex Pro Arabic"; src: url("/assets/fonts/ReadexPro-Variable-Arabic.woff2") format("woff2"); font-weight: 160 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Kaitech Riyal"; src: url("/assets/fonts/KaitechRiyal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --brand-night: #1b2a41;
  --brand-linen: #f4f0e8;
  --brand-white: #ffffff;
  --brand-saffron: #f2a93b;
  --brand-dune: #c9b79c;
  --brand-clay: #c8623e;
  --brand-teal: #3c8c8a;
  --brand-olive: #7a8a3c;
  --paper: #f4f0e8;
  --surface: #ffffff;
  --sunken: #eae4d8;
  --line: #ddd5c6;
  --line-strong: #737b8a;
  --ink: #1b2a41;
  --muted: #545f70;
  --saffron: #f2a93b;
  --saffron-text: #8a5a0a;
  --saffron-soft: #fbe9c7;
  --on-saffron: #1b2a41;
  --clay: #c8623e;
  --clay-text: #a34a2a;
  --clay-soft: #f6e1d8;
  --teal: #3c8c8a;
  --teal-text: #2a6b69;
  --teal-soft: #dcecea;
  --olive: #7a8a3c;
  --olive-text: #56621f;
  --olive-soft: #e9edd6;
  --stone: #8f8370;
  --action: #1b2a41;
  --on-action: #ffffff;
  --positive: #2b5e8c;
  --positive-soft: #e1eaf3;
  --negative: #a3283a;
  --negative-soft: #f6dfe2;
  --chart-1: #1b2a41;
  --chart-2: #3c8c8a;
  --chart-3: #8f8370;
  --chart-highlight: #f2a93b;
  --focus: #1b2a41;
  --night-paper: #131e30;
  --night-surface: #1b2a41;
  --night-sunken: #0e1624;
  --night-line: #2c3b52;
  --night-line-strong: #6f7d93;
  --night-ink: #f4f0e8;
  --night-muted: #a9b3c2;
  --night-saffron: #f2a93b;
  --night-saffron-text: #f2a93b;
  --night-saffron-soft: #3a2e15;
  --night-on-saffron: #1b2a41;
  --night-clay: #e08a68;
  --night-clay-text: #e8906d;
  --night-clay-soft: #3b2219;
  --night-teal: #5fb0ad;
  --night-teal-text: #72c2bf;
  --night-teal-soft: #163332;
  --night-olive: #a3b45a;
  --night-olive-text: #b5c46c;
  --night-olive-soft: #262c14;
  --night-stone: #9c9283;
  --night-action: #f4f0e8;
  --night-on-action: #1b2a41;
  --night-positive: #8db8e0;
  --night-positive-soft: #18263a;
  --night-negative: #f28b98;
  --night-negative-soft: #3a1820;
  --night-chart-1: #f4f0e8;
  --night-chart-2: #5fb0ad;
  --night-chart-3: #9c9283;
  --night-chart-highlight: #f2a93b;
  --night-focus: #f4f0e8;
  --font-sans: "Readex Pro", "Readex Pro Arabic", "Kaitech Riyal", system-ui, sans-serif;
  --font-arabic: "Readex Pro Arabic", "Readex Pro", "Kaitech Riyal", Tahoma, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-tile: 24%;
  --container: 1200px;
  --container-text: 680px;
  --grid-columns: 12;
  --grid-gutter: 24px;
  --header-height: 72px;
  --shadow-sm: 0 1px 2px #1b2a410f;
  --shadow-md: 0 2px 6px #1b2a4112, 0 12px 32px -8px #1b2a4124;
  --focus-ring: 0 0 0 2px #f4f0e8, 0 0 0 4px #1b2a41;
}