/* September 11 two-wave Flohe kit: original semantic palette and geometry. */


:root {
  --flohe-chat-height: 28rem;
  /* The footer of a report's two side-by-side panels: a little more than the composer needs, so both are this tall
     and their scrolling areas end on one line. */
  --flohe-panel-foot: 11rem;
  /* The sticky top bar's height. The script measures the real one; this is what it is before that. */
  --flohe-topbar: 6.5rem;
  --flohe-layer-header: 4;
  color-scheme: dark;
  --flohe-navy: #080f1f;
  --flohe-blue: #2447f5;
  --flohe-sky: #328ce8;
  --flohe-mint: #56e5d0;
  --flohe-white: #f3f6fc;
  --flohe-bg: #080f1f;
  --flohe-surface: #101b2d;
  --flohe-raised: #17243a;
  --flohe-text: #f3f6fc;
  --flohe-muted: #a9b7cb;
  --flohe-border: #334259;
  --flohe-primary: #3454f5;
  --flohe-focus: #56e5d0;
  --flohe-success: #70dfb5;
  --flohe-error: #ff9ba8;
  --flohe-gradient: linear-gradient(110deg,#2447f5,#328ce8 55%,#56e5d0);
  --flohe-font: Inter,system-ui,sans-serif;
  --flohe-space-1: .25rem;
  --flohe-space-2: .5rem;
  --flohe-space-3: .75rem;
  --flohe-space-4: 1rem;
  --flohe-space-6: 1.5rem;
  --flohe-space-8: 2rem;
  --flohe-radius-sm: 8px;
  --flohe-radius: 14px;
  --flohe-radius-lg: 24px;
  --flohe-shadow: 0 20px 70px #0003
}

[data-theme=light] {
  color-scheme: light;
  --flohe-bg: #f4f7fc;
  --flohe-surface: #fff;
  --flohe-raised: #eaf0f9;
  --flohe-text: #101b2d;
  --flohe-muted: #526079;
  --flohe-border: #c0ccdd;
  --flohe-focus: #2447f5;
  --flohe-success: #14684f;
  --flohe-error: #ae2343
}

:root {
  --flohe-control-border: #75869f;
  --flohe-warning: #f5ce78;
  --flohe-info: #93c6ff;
  --flohe-danger-bg: #b42342;
  --flohe-overlay: #030712b8;
  --flohe-duration: 160ms;
  --flohe-control-height: 46px
}

[data-theme=light] {
  --flohe-control-border: #748399;
  --flohe-warning: #815408;
  --flohe-info: #195b9e
}

@media (prefers-color-scheme: light) {

:root:not([data-theme="dark"]) {
  color-scheme: light;
  --flohe-bg: #f4f7fc;
  --flohe-surface: #fff;
  --flohe-raised: #eaf0f9;
  --flohe-text: #101b2d;
  --flohe-muted: #526079;
  --flohe-border: #c0ccdd;
  --flohe-focus: #2447f5;
  --flohe-success: #14684f;
  --flohe-error: #ae2343;
  --flohe-control-border: #748399;
  --flohe-warning: #815408;
  --flohe-info: #195b9e
}
}

:root {
  --flohe-space-1: 4px;
  --flohe-focus-width: 3px;
  --flohe-space-control: 10px;
  --flohe-space-button: 11px;
  --flohe-check-size: 19px;
  --flohe-line: 1px;
  --flohe-transition-duration: .16s;
  --flohe-primary-hover: #2745da;
  --flohe-space-3: 12px;
  --flohe-text-small: 13px;
  --flohe-space-caption: 7px;
  --flohe-radius-pill: 99px;
  --flohe-space-half: 6px;
  --flohe-space-10: 40px;
  --flohe-icon-size: 20px;
  --flohe-space-4: 16px;
  --flohe-textarea-min: 112px;
  --flohe-input-icon-inset: 43px;
  --flohe-control-compact: 36px;
  --flohe-control-large: 54px;
  --flohe-on-primary: white;
  --flohe-danger-hover: #941936;
  --flohe-choice-height: 44px;
  --flohe-switch-width: 42px;
  --flohe-icon-small: 18px;
  --flohe-space-8: 32px;
  --flohe-shadow-soft: #0002;
  --flohe-line-strong: 2px;
  --flohe-space-label: 9px;
  --flohe-chip-control: 30px;
  --flohe-menu-width: 220px;
  --flohe-space-16: 64px;
  --flohe-space-marker: 5px;
  --flohe-tooltip-max: 240px;
  --flohe-step-size: 26px;
  --flohe-dialog-max: 520px;
  --flohe-drawer-max: 440px;
  --flohe-toast-max: 380px;
  --flohe-spin-duration: .8s;
  --flohe-pulse-duration: 1.8s;
  --flohe-typing-duration: 1.2s;
  --flohe-typing-step: .2s;
  --flohe-skeleton-block: 72px
}

/* Application compositions use the kit's palette, controls and spacing. */
:root {
  --flohe-rail-width: 256px;
  --flohe-detail-width: 280px;
  --flohe-column-min: 200px;
  --flohe-column-wide: 260px;
  --flohe-logo-width: 160px;
  --flohe-attachment-height: 160px;
  --flohe-text-tiny: 11px;
  --flohe-text-body: 14px;
  --flohe-text-title: 24px;
  --flohe-text-metric: 32px;
  --flohe-radius-pill: 99px;
  --flohe-dot-size: 6px;
  --flohe-dot-large: 8px;
  --flohe-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}