/* Rafiki Jikoni tokens: generated from tokens.json. Themes: paper (default), lantern, ledger. */
:root, [data-theme="paper"] {
  --bendera-black: #14100d;
  --bendera-red: #bb0000;
  --bendera-green: #006600;
  --bendera-white: #ffffff;
  --mkia-scarlet: #d7262e;
  --manjano: #e8a317;
  --manjano-700: #7d5000;
  --korali: #e8715a;
  --indigo: #27348b;
  --nazi-cream: #f6eedc;
  --makaa-grey: #4a4f57;
  --jua-orange: #f26b1d;
  --burgundy: #6b1230;
  --teal: #0f8b8d;
  --violet: #5b2a86;
  --magenta: #c2185b;
  --olive: #556b2f;
  --ns-paper: #fbf6ec;
  --ns-stone: #f3ebdb;
  --ns-stone-deep: #e7dac2;
  --ns-ink: #2a1f17;
  --ns-brass: #a97c34;
  --ns-rose: #b96f6a;
  --canvas: #f3ebdb;
  --surface: #fbf6ec;
  --surface-sunk: #e7dac2;
  --surface-inverse: #2a1f17;
  --ink-strong: #19110a;
  --ink: #2a1f17;
  --ink-soft: #5a4938;
  --text-inverse: #fbf6ec;
  --line: #e7dac2;
  --line-strong: #877363;
  --red-text: #bb0000;
  --green-text: #006600;
  --turmeric-text: #7d5000;
  --indigo-text: #27348b;
  --coral-text: #9c3a29;
  --fill-red: #bb0000;
  --on-red: #ffffff;
  --fill-green: #006600;
  --on-green: #ffffff;
  --fill-turmeric: #e8a317;
  --on-turmeric: #19110a;
  --fill-indigo: #27348b;
  --on-indigo: #ffffff;
  --fill-ink: #2a1f17;
  --on-ink: #fbf6ec;
  --focus: #27348b;
  --stamp-sm: 4px 4px 0 #a97c34;
  --stamp: 6px 6px 0 #e7dac2;
  --stamp-turmeric: 6px 6px 0 #e8a317;
  --stamp-ink: 4px 4px 0 #2a1f17;
}
[data-theme="lantern"] {
  --bendera-black: #14100d;
  --bendera-red: #bb0000;
  --bendera-green: #006600;
  --bendera-white: #ffffff;
  --mkia-scarlet: #d7262e;
  --manjano: #e8a317;
  --manjano-700: #7d5000;
  --korali: #e8715a;
  --indigo: #27348b;
  --nazi-cream: #f6eedc;
  --makaa-grey: #4a4f57;
  --jua-orange: #f26b1d;
  --burgundy: #6b1230;
  --teal: #0f8b8d;
  --violet: #5b2a86;
  --magenta: #c2185b;
  --olive: #556b2f;
  --ns-paper: #fbf6ec;
  --ns-stone: #f3ebdb;
  --ns-stone-deep: #e7dac2;
  --ns-ink: #2a1f17;
  --ns-brass: #a97c34;
  --ns-rose: #b96f6a;
  --canvas: #1c140e;
  --surface: #2a2018;
  --surface-sunk: #15100b;
  --surface-inverse: #f3ebdb;
  --ink-strong: #fbf6ec;
  --ink: #f3ebdb;
  --ink-soft: #d2c2aa;
  --text-inverse: #2a1f17;
  --line: #3a2e24;
  --line-strong: #a18c7b;
  --red-text: #ff9a90;
  --green-text: #74d48a;
  --turmeric-text: #f2b83b;
  --indigo-text: #aebaff;
  --coral-text: #f59a85;
  --fill-red: #c4161e;
  --on-red: #ffffff;
  --fill-green: #0f7a2e;
  --on-green: #ffffff;
  --fill-turmeric: #e8a317;
  --on-turmeric: #19110a;
  --fill-indigo: #3a4bc0;
  --on-indigo: #ffffff;
  --fill-ink: #f3ebdb;
  --on-ink: #1c140e;
  --focus: #f2b83b;
  --stamp-sm: 4px 4px 0 #a97c34;
  --stamp: 6px 6px 0 #3a2e24;
  --stamp-turmeric: 6px 6px 0 #e8a317;
  --stamp-ink: 4px 4px 0 #f3ebdb;
}
[data-theme="ledger"] {
  --bendera-black: #14100d;
  --bendera-red: #bb0000;
  --bendera-green: #006600;
  --bendera-white: #ffffff;
  --mkia-scarlet: #d7262e;
  --manjano: #e8a317;
  --manjano-700: #7d5000;
  --korali: #e8715a;
  --indigo: #27348b;
  --nazi-cream: #f6eedc;
  --makaa-grey: #4a4f57;
  --jua-orange: #f26b1d;
  --burgundy: #6b1230;
  --teal: #0f8b8d;
  --violet: #5b2a86;
  --magenta: #c2185b;
  --olive: #556b2f;
  --ns-paper: #fbf6ec;
  --ns-stone: #f3ebdb;
  --ns-stone-deep: #e7dac2;
  --ns-ink: #2a1f17;
  --ns-brass: #a97c34;
  --ns-rose: #b96f6a;
  --canvas: #fffdf8;
  --surface: #ffffff;
  --surface-sunk: #f3ebdb;
  --surface-inverse: #0f0a06;
  --ink-strong: #0f0a06;
  --ink: #0f0a06;
  --ink-soft: #3c3026;
  --text-inverse: #ffffff;
  --line: #6d5b4c;
  --line-strong: #0f0a06;
  --red-text: #8f0000;
  --green-text: #004d00;
  --turmeric-text: #5e3d00;
  --indigo-text: #1b2565;
  --coral-text: #7d2b1d;
  --fill-red: #8f0000;
  --on-red: #ffffff;
  --fill-green: #004d00;
  --on-green: #ffffff;
  --fill-turmeric: #e8a317;
  --on-turmeric: #0f0a06;
  --fill-indigo: #1b2565;
  --on-indigo: #ffffff;
  --fill-ink: #0f0a06;
  --on-ink: #ffffff;
  --focus: #0f0a06;
  --stamp-sm: 4px 4px 0 #0f0a06;
  --stamp: 4px 4px 0 #0f0a06;
  --stamp-turmeric: 4px 4px 0 #0f0a06;
  --stamp-ink: 4px 4px 0 #0f0a06;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --reel-gutter: 64px;
  --reel-top-safe: 260px;
  --reel-bottom-safe: 420px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-display: "Kenyan Coffee", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", monospace;
}