/*
 * Themes the document_intake engine UI with the Morgan Hill Jiu Jitsu brand by
 * mapping the engine's `--di-*` contract onto MHJJ tokens (the --color-mhjj-*
 * custom properties from the mhjj_brand gem's tokens.css). Uses --color-mhjj-*
 * (not the raw --mhjj-*) because the gem's tailwind-dark.css remaps the
 * --color-mhjj-* namespace under [data-theme='dark'] — so the intake UI inherits
 * MHJJ dark mode for free. Linked after the engine's intake.css via
 * `config.theme_stylesheets`. No emdub involved.
 *
 * Fallback hex values mirror the light-theme tokens so the mapping degrades to
 * light if the token file isn't on the page.
 */
:root {
  --di-font: var(--font-sans, "Outfit", system-ui, sans-serif);

  --di-bg:          var(--color-mhjj-off, #F7F7F5);
  --di-bg-subtle:   var(--color-mhjj-off, #F7F7F5);
  --di-surface:     var(--color-mhjj-white, #FFFFFF);
  --di-border:      var(--color-mhjj-gray-300, #D0D0D0);
  --di-border-soft: var(--color-mhjj-gray-100, #EDEDED);
  --di-ink:         var(--color-mhjj-black, #0A0A0A);
  --di-ink-soft:    var(--color-mhjj-gray-900, #1F1F1F);
  --di-muted:       var(--color-mhjj-gray-600, #6B6B6B);
  --di-accent:      var(--color-mhjj-carolina, #4B9CD3);
  --di-accent-soft: var(--color-mhjj-mist, #E6F1F9);
  --di-accent-deep: var(--color-mhjj-deep, #2A6E9E);

  --di-ok-bg:     var(--color-mhjj-success-tint, #DFEEE6);  --di-ok-fg:     var(--color-mhjj-success, #2E7D5B);
  --di-info-bg:   var(--color-mhjj-mist, #E6F1F9);          --di-info-fg:   var(--color-mhjj-deep, #2A6E9E);
  --di-warn-bg:   var(--color-mhjj-warning-tint, #FBEFC9);  --di-warn-fg:   var(--color-mhjj-black, #0A0A0A);
  --di-danger-bg: var(--color-mhjj-danger-tint, #F4DCDA);   --di-danger-fg: var(--color-mhjj-danger, #B83227);

  --di-radius:      var(--radius, 4px);
  --di-radius-lg:   8px;
}