/* @remarkablenet/foundation global stylesheet.
   Loaded once per page. Elements read these custom properties (they inherit into shadow roots): the shared theme
   names (--background, --foreground, --primary, --border, --ring, --radius...) and the --rc-* extensions. They are
   declared at zero specificity, so a host page's own --primary, --background... win and theme the elements.
   The sentinel below lets the loader detect that the CDN stylesheet arrived (see foundation-loader).
   GENERATED by scripts/gen-tokens.mjs from src/styles/tokens.mjs. Do not edit: change tokens.mjs and run `node scripts/gen-tokens.mjs`.
   Named themes are in foundation-themes.css. */
/* Figtree, self-hosted (SIL Open Font License, see fonts/OFL.txt). Relative URLs keep this working from the CDN,
   the pinned folders and the local fallback alike; no third-party font request, no extra CSP entry. */
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url('./fonts/figtree-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-display: swap;
  font-weight: 300 800;
  src: url('./fonts/figtree-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:where(:root) {
  --foundation: 1;

  /* surfaces */
  --background: #f1f1f1;
  --card: #ffffff;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --muted: #f7f7f7;
  --secondary: #f1f1f1;
  --secondary-foreground: var(--foreground);
  --accent: #f7f7f7;
  --accent-foreground: var(--foreground);
  --rc-pressed: #ebebeb;
  --border: #e3e3e3;
  --rc-border-strong: #cccccc;
  --rc-divider: #ebebeb;
  /* ink */
  --foreground: #303030;
  --muted-foreground: #616161;
  --rc-ink-3: #6a6a6a;
  --rc-ink-4: #b5b5b5;
  --rc-control-outline: #8a8a8a;
  --input: #8a8a8a;
  --primary-foreground: #ffffff;
  --rc-link: #005bd3;
  --ring: var(--rc-link);
  /* data */
  --chart-1: #1a8bd8;
  --rc-chart-1-prev: #8fc6ec;
  /* categorical series palette 1-8 (+ the dashed comparison colour); hue-matched to the chip tints */
  --chart-2: #14a38b; --rc-chart-2-prev: #8fd6c9;
  --chart-3: #5aa831; --rc-chart-3-prev: #b0d99a;
  --chart-4: #e0a100; --rc-chart-4-prev: #f1d078;
  --chart-5: #e8702a; --rc-chart-5-prev: #f4b78f;
  --rc-chart-6: #d63e80; --rc-chart-6-prev: #eca0bf;
  --rc-chart-7: #7b4fd6; --rc-chart-7-prev: #bba3ea;
  --rc-chart-8: #6b7a90; --rc-chart-8-prev: #b4bcc9;
  --rc-bar: #4aa6e3;
  --rc-bar-track: #eef5fb;
  /* chart furniture: gridlines, the baseline (lowest gridline) and the hover crosshair */
  --rc-chart-grid: var(--rc-divider);
  --rc-chart-baseline: #d4d4d4;
  --rc-chart-cross: var(--rc-ink-4);
  /* status tones: bg, ink (AA on bg), icon */
  --rc-good-bg: #cdfee1; --rc-good-ink: #0c5132; --rc-good-icon: #29845a;
  --rc-bad-bg: #fee9e8; --rc-bad-ink: #8e1f0b; --rc-bad-icon: #e51c00;
  --rc-warn-bg: #fff1e3; --rc-warn-ink: #5e4200; --rc-warn-icon: #b28400;
  --rc-info-bg: #eaf4ff; --rc-info-ink: #00527c; --rc-info-icon: #0094d5;
  --rc-magic-bg: #f8f1ff; --rc-magic-ink: #5700d1; --rc-magic-icon: #8051ff;
  --rc-neutral-bg: var(--secondary); --rc-neutral-ink: var(--muted-foreground);
  --rc-score-low: #d67a00;
  /* categorical chip tints 1-8 (background, text); products pick the number */
  --rc-tint-1-bg: #e3f1fb; --rc-tint-1-ink: #0b4a75;
  --rc-tint-2-bg: #d9f5f0; --rc-tint-2-ink: #0a5a4c;
  --rc-tint-3-bg: #e2f6d8; --rc-tint-3-ink: #2c5a10;
  --rc-tint-4-bg: #fdf0cf; --rc-tint-4-ink: #6b4a00;
  --rc-tint-5-bg: #ffe6d6; --rc-tint-5-ink: #7a3200;
  --rc-tint-6-bg: #fde4ee; --rc-tint-6-ink: #7d1a46;
  --rc-tint-7-bg: #efe6fd; --rc-tint-7-ink: #4b1d96;
  --rc-tint-8-bg: #e6e9ee; --rc-tint-8-ink: #3a4452;
  /* actions and overlays (elements fall back to these values when a token is absent) */
  --primary: var(--foreground);
  --rc-btn-primary-hover: #1a1a1a;
  --rc-btn-primary-edge: 0 -1px 0 0 #000 inset, 0 0 0 1px #000 inset;
  --rc-btn-primary-shadow: var(--rc-btn-primary-edge), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset;
  --rc-btn-primary-pressed: 0 2px 1px 0 #000 inset;
  --destructive: #e51c00;
  --rc-critical-hover: #c70a00;
  --destructive-foreground: #ffffff;
  --rc-btn-critical-edge: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  --rc-btn-critical-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3) inset, var(--rc-btn-critical-edge), 0 1px 0 0 rgba(255, 255, 255, 0.25) inset;
  --rc-btn-critical-pressed: 0 2px 1px 0 rgba(0, 0, 0, 0.4) inset;
  --rc-pressed-shadow: 0 0 0 1px color-mix(in srgb, var(--rc-mix-ink) 14%, transparent) inset, 0 1px 1px 0 color-mix(in srgb, var(--rc-shadow) 12%, transparent) inset;
  --rc-switch-track: var(--input);
  --rc-knob: #ffffff; --rc-knob-on: var(--primary-foreground); --rc-knob-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  --rc-bar-below: #c4c4c4;
  --rc-backdrop: color-mix(in srgb, var(--rc-shadow) 32%, transparent);
  --rc-skeleton-shine: rgba(255, 255, 255, 0.7);
  --rc-image-edge: rgba(0, 0, 0, 0.08);
  --rc-on-dark-ink: #ffffff; --rc-on-dark-control: color-mix(in srgb, var(--rc-topbar-ink) 16%, transparent); --rc-on-dark-edge: rgba(255, 255, 255, 0.24);
  --rc-link-hover: #004299;
  --rc-popover-width: 280px;
  --rc-popover-radius: var(--rc-radius-card);
  --rc-tooltip-width: 280px;
  --rc-clickable-hover: var(--accent);
  --rc-clickable-radius: calc(var(--radius) * 0.8);
  --rc-tabs-active: var(--card);
  /* component looks: the Lens / Pinpoint look of a part whose role variable comes from the reference (each element reads var(--rc-x, <reference variable>); a theme can set these back to the reference variable) */
  --rc-badge-default-bg: var(--rc-neutral-bg); --rc-badge-default-ink: var(--rc-neutral-ink);
  --rc-table-head-ink: var(--muted-foreground); --rc-table-row-hover: var(--accent);
  --rc-calendar-selected: var(--rc-link); --rc-calendar-selected-hover: var(--rc-link-hover);
  --rc-calendar-band: color-mix(in srgb, var(--rc-link) 9%, transparent);
  --rc-calendar-today-bg: transparent; --rc-calendar-today-ring: var(--rc-border-strong);
  --rc-date-preset-bg: var(--rc-calendar-band); --rc-date-preset-ink: var(--rc-link);
  --rc-field-focus-edge: var(--rc-control-outline);
  --rc-button-link: var(--rc-link); --rc-button-link-hover: var(--rc-link-hover);
  --rc-button-icon: var(--muted-foreground);
  --rc-avatar-bg: var(--secondary); --rc-skeleton-base: var(--secondary);
  --rc-empty-media-bg: var(--secondary); --rc-empty-media-ink: var(--muted-foreground); --rc-empty-media-radius: 50%;
  --rc-select-checked-bg: var(--secondary);
  /* app shell (the top bar is a dark band in both modes) */
  --rc-topbar: #1a1a1a;
  --sidebar: #ebebeb; --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary); --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--card); --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border); --sidebar-ring: var(--ring);
  --rc-sidebar-hover: #e3e3e3; --rc-sidebar-hover-ink: #1a1a1a;
  --rc-sidebar-ink-2: var(--muted-foreground); --rc-sidebar-ink-3: var(--rc-ink-3); --rc-sidebar-icon: #4a4a4a;
  --rc-topbar-text: #ffffff; --rc-topbar-ink: #e3e3e3; --rc-topbar-ink-2: #b5b5b5; --rc-topbar-ink-3: #8a8a8a;
  --rc-topbar-control: #2a2a2a; --rc-topbar-control-hover: #333333; --rc-topbar-border: #3a3a3a;
  --rc-topbar-focus: #7aa7ff; --rc-topbar-accent: #9ec5ff; --rc-topbar-accent-hover: #c8ddff;
  /* code (rc-code, rc-json-tree syntax colours) */
  --rc-code-string: #1f7a4f; --rc-code-number: #a15500; --rc-code-keyword: #8536c9; --rc-code-variable: #b4235f;
  /* elevation */
  --rc-card-edge: var(--border);
  --rc-card-shadow: 0 0 0 1px var(--rc-card-edge), 0 1px 0 0 color-mix(in srgb, var(--rc-shadow) 7%, transparent), 0 1px 3px 0 color-mix(in srgb, var(--rc-shadow) 6%, transparent);
  --rc-pop-shadow: 0 0 0 1px var(--border), 0 4px 8px -2px color-mix(in srgb, var(--rc-shadow) 12%, transparent), 0 12px 24px -6px color-mix(in srgb, var(--rc-shadow) 16%, transparent);
  --rc-btn-shadow: 0 0 0 1px var(--border) inset, 0 -1px 0 0 color-mix(in srgb, var(--rc-shadow) 10%, transparent) inset;
  --rc-modal-shadow: 0 0 0 1px var(--border), 0 20px 48px -12px color-mix(in srgb, var(--rc-shadow) 32%, transparent);
  --rc-focus: 0 0 0 2px var(--card), 0 0 0 4px var(--ring);
  --rc-shadow: #1a1a1a; --rc-mix-ink: #1a1a1a;
  /* shape, type, motion */
  --rc-radius-card: calc(var(--radius) * 1.2);
  --radius: 10px;
  --rc-font: 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rc-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --rc-font-size: 13px;
  --rc-line-height: 20px;
  --rc-font-weight: 450;
  --rc-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --rc-motion-enter: 280ms; --rc-motion-exit: 200ms; --rc-motion-enter-sm: 150ms; --rc-motion-exit-sm: 100ms;
  --rc-ease-out: cubic-bezier(0.25, 1, 0.5, 1); --rc-ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  /* spacing scale, 100 = 4px (px, no rem: Bootstrap 3 hosts set html{font-size:10px}) */
  --rc-space-025: 1px; --rc-space-050: 2px; --rc-space-100: 4px; --rc-space-150: 6px; --rc-space-200: 8px;
  --rc-space-250: 10px; --rc-space-300: 12px; --rc-space-350: 14px; --rc-space-400: 16px; --rc-space-500: 20px;
  --rc-space-600: 24px; --rc-space-800: 32px; --rc-space-1000: 40px; --rc-space-1200: 48px;

  /* scheme capture (scripts/gen-tokens.mjs): what overlays reset to inside a local colour region */
  --rc-scheme-background: var(--background); --rc-scheme-card: var(--card); --rc-scheme-card-foreground: var(--card-foreground); --rc-scheme-popover: var(--popover);
  --rc-scheme-popover-foreground: var(--popover-foreground); --rc-scheme-muted: var(--muted); --rc-scheme-secondary: var(--secondary); --rc-scheme-secondary-foreground: var(--secondary-foreground);
  --rc-scheme-accent: var(--accent); --rc-scheme-accent-foreground: var(--accent-foreground); --rc-scheme-pressed: var(--rc-pressed); --rc-scheme-border: var(--border);
  --rc-scheme-border-strong: var(--rc-border-strong); --rc-scheme-divider: var(--rc-divider); --rc-scheme-foreground: var(--foreground); --rc-scheme-muted-foreground: var(--muted-foreground);
  --rc-scheme-ink-3: var(--rc-ink-3); --rc-scheme-ink-4: var(--rc-ink-4); --rc-scheme-control-outline: var(--rc-control-outline); --rc-scheme-input: var(--input);
  --rc-scheme-primary-foreground: var(--primary-foreground); --rc-scheme-link: var(--rc-link); --rc-scheme-ring: var(--ring); --rc-scheme-chart-1: var(--chart-1);
  --rc-scheme-chart-1-prev: var(--rc-chart-1-prev); --rc-scheme-chart-2: var(--chart-2); --rc-scheme-chart-2-prev: var(--rc-chart-2-prev); --rc-scheme-chart-3: var(--chart-3);
  --rc-scheme-chart-3-prev: var(--rc-chart-3-prev); --rc-scheme-chart-4: var(--chart-4); --rc-scheme-chart-4-prev: var(--rc-chart-4-prev); --rc-scheme-chart-5: var(--chart-5);
  --rc-scheme-chart-5-prev: var(--rc-chart-5-prev); --rc-scheme-chart-6: var(--rc-chart-6); --rc-scheme-chart-6-prev: var(--rc-chart-6-prev); --rc-scheme-chart-7: var(--rc-chart-7);
  --rc-scheme-chart-7-prev: var(--rc-chart-7-prev); --rc-scheme-chart-8: var(--rc-chart-8); --rc-scheme-chart-8-prev: var(--rc-chart-8-prev); --rc-scheme-bar: var(--rc-bar);
  --rc-scheme-bar-track: var(--rc-bar-track); --rc-scheme-chart-grid: var(--rc-chart-grid); --rc-scheme-chart-baseline: var(--rc-chart-baseline); --rc-scheme-chart-cross: var(--rc-chart-cross);
  --rc-scheme-good-bg: var(--rc-good-bg); --rc-scheme-good-ink: var(--rc-good-ink); --rc-scheme-good-icon: var(--rc-good-icon); --rc-scheme-bad-bg: var(--rc-bad-bg);
  --rc-scheme-bad-ink: var(--rc-bad-ink); --rc-scheme-bad-icon: var(--rc-bad-icon); --rc-scheme-warn-bg: var(--rc-warn-bg); --rc-scheme-warn-ink: var(--rc-warn-ink);
  --rc-scheme-warn-icon: var(--rc-warn-icon); --rc-scheme-info-bg: var(--rc-info-bg); --rc-scheme-info-ink: var(--rc-info-ink); --rc-scheme-info-icon: var(--rc-info-icon);
  --rc-scheme-magic-bg: var(--rc-magic-bg); --rc-scheme-magic-ink: var(--rc-magic-ink); --rc-scheme-magic-icon: var(--rc-magic-icon); --rc-scheme-neutral-bg: var(--rc-neutral-bg);
  --rc-scheme-neutral-ink: var(--rc-neutral-ink); --rc-scheme-score-low: var(--rc-score-low); --rc-scheme-tint-1-bg: var(--rc-tint-1-bg); --rc-scheme-tint-1-ink: var(--rc-tint-1-ink);
  --rc-scheme-tint-2-bg: var(--rc-tint-2-bg); --rc-scheme-tint-2-ink: var(--rc-tint-2-ink); --rc-scheme-tint-3-bg: var(--rc-tint-3-bg); --rc-scheme-tint-3-ink: var(--rc-tint-3-ink);
  --rc-scheme-tint-4-bg: var(--rc-tint-4-bg); --rc-scheme-tint-4-ink: var(--rc-tint-4-ink); --rc-scheme-tint-5-bg: var(--rc-tint-5-bg); --rc-scheme-tint-5-ink: var(--rc-tint-5-ink);
  --rc-scheme-tint-6-bg: var(--rc-tint-6-bg); --rc-scheme-tint-6-ink: var(--rc-tint-6-ink); --rc-scheme-tint-7-bg: var(--rc-tint-7-bg); --rc-scheme-tint-7-ink: var(--rc-tint-7-ink);
  --rc-scheme-tint-8-bg: var(--rc-tint-8-bg); --rc-scheme-tint-8-ink: var(--rc-tint-8-ink); --rc-scheme-primary: var(--primary); --rc-scheme-btn-primary-hover: var(--rc-btn-primary-hover);
  --rc-scheme-btn-primary-edge: var(--rc-btn-primary-edge); --rc-scheme-btn-primary-shadow: var(--rc-btn-primary-shadow); --rc-scheme-btn-primary-pressed: var(--rc-btn-primary-pressed); --rc-scheme-destructive: var(--destructive);
  --rc-scheme-critical-hover: var(--rc-critical-hover); --rc-scheme-destructive-foreground: var(--destructive-foreground); --rc-scheme-btn-critical-edge: var(--rc-btn-critical-edge); --rc-scheme-btn-critical-shadow: var(--rc-btn-critical-shadow);
  --rc-scheme-btn-critical-pressed: var(--rc-btn-critical-pressed); --rc-scheme-pressed-shadow: var(--rc-pressed-shadow); --rc-scheme-switch-track: var(--rc-switch-track); --rc-scheme-knob: var(--rc-knob);
  --rc-scheme-knob-on: var(--rc-knob-on); --rc-scheme-knob-shadow: var(--rc-knob-shadow); --rc-scheme-bar-below: var(--rc-bar-below); --rc-scheme-backdrop: var(--rc-backdrop);
  --rc-scheme-skeleton-shine: var(--rc-skeleton-shine); --rc-scheme-image-edge: var(--rc-image-edge); --rc-scheme-on-dark-ink: var(--rc-on-dark-ink); --rc-scheme-on-dark-control: var(--rc-on-dark-control);
  --rc-scheme-on-dark-edge: var(--rc-on-dark-edge); --rc-scheme-link-hover: var(--rc-link-hover); --rc-scheme-clickable-hover: var(--rc-clickable-hover); --rc-scheme-tabs-active: var(--rc-tabs-active);
  --rc-scheme-badge-default-bg: var(--rc-badge-default-bg); --rc-scheme-badge-default-ink: var(--rc-badge-default-ink); --rc-scheme-table-head-ink: var(--rc-table-head-ink); --rc-scheme-table-row-hover: var(--rc-table-row-hover);
  --rc-scheme-calendar-selected: var(--rc-calendar-selected); --rc-scheme-calendar-selected-hover: var(--rc-calendar-selected-hover); --rc-scheme-calendar-band: var(--rc-calendar-band); --rc-scheme-calendar-today-ring: var(--rc-calendar-today-ring);
  --rc-scheme-date-preset-bg: var(--rc-date-preset-bg); --rc-scheme-date-preset-ink: var(--rc-date-preset-ink); --rc-scheme-field-focus-edge: var(--rc-field-focus-edge); --rc-scheme-button-link: var(--rc-button-link);
  --rc-scheme-button-link-hover: var(--rc-button-link-hover); --rc-scheme-button-icon: var(--rc-button-icon); --rc-scheme-avatar-bg: var(--rc-avatar-bg); --rc-scheme-skeleton-base: var(--rc-skeleton-base);
  --rc-scheme-empty-media-bg: var(--rc-empty-media-bg); --rc-scheme-empty-media-ink: var(--rc-empty-media-ink); --rc-scheme-select-checked-bg: var(--rc-select-checked-bg); --rc-scheme-topbar: var(--rc-topbar);
  --rc-scheme-sidebar: var(--sidebar); --rc-scheme-sidebar-foreground: var(--sidebar-foreground); --rc-scheme-sidebar-primary: var(--sidebar-primary); --rc-scheme-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --rc-scheme-sidebar-accent: var(--sidebar-accent); --rc-scheme-sidebar-accent-foreground: var(--sidebar-accent-foreground); --rc-scheme-sidebar-border: var(--sidebar-border); --rc-scheme-sidebar-ring: var(--sidebar-ring);
  --rc-scheme-sidebar-hover: var(--rc-sidebar-hover); --rc-scheme-sidebar-hover-ink: var(--rc-sidebar-hover-ink); --rc-scheme-sidebar-ink-2: var(--rc-sidebar-ink-2); --rc-scheme-sidebar-ink-3: var(--rc-sidebar-ink-3);
  --rc-scheme-sidebar-icon: var(--rc-sidebar-icon); --rc-scheme-topbar-text: var(--rc-topbar-text); --rc-scheme-topbar-ink: var(--rc-topbar-ink); --rc-scheme-topbar-ink-2: var(--rc-topbar-ink-2);
  --rc-scheme-topbar-ink-3: var(--rc-topbar-ink-3); --rc-scheme-topbar-control: var(--rc-topbar-control); --rc-scheme-topbar-control-hover: var(--rc-topbar-control-hover); --rc-scheme-topbar-border: var(--rc-topbar-border);
  --rc-scheme-topbar-focus: var(--rc-topbar-focus); --rc-scheme-topbar-accent: var(--rc-topbar-accent); --rc-scheme-topbar-accent-hover: var(--rc-topbar-accent-hover); --rc-scheme-code-string: var(--rc-code-string);
  --rc-scheme-code-number: var(--rc-code-number); --rc-scheme-code-keyword: var(--rc-code-keyword); --rc-scheme-code-variable: var(--rc-code-variable); --rc-scheme-card-edge: var(--rc-card-edge);
  --rc-scheme-card-shadow: var(--rc-card-shadow); --rc-scheme-pop-shadow: var(--rc-pop-shadow); --rc-scheme-btn-shadow: var(--rc-btn-shadow); --rc-scheme-modal-shadow: var(--rc-modal-shadow);
  --rc-scheme-focus: var(--rc-focus); --rc-scheme-shadow: var(--rc-shadow); --rc-scheme-mix-ink: var(--rc-mix-ink);
}

/* dark mode: .dark on <html> or any ancestor (the class a host page's own dark mode toggles). The full set, so a
   .dark region inside a light page works too; color-scheme makes native controls (select pickers, date inputs,
   scrollbars) follow. */
:where(.dark) {
  color-scheme: dark;

  /* surfaces */
  --background: #121212;
  --card: #1c1c1c;
  --card-foreground: var(--foreground);
  --popover: var(--card);
  --popover-foreground: var(--foreground);
  --muted: #232323;
  --secondary: #2a2a2a;
  --secondary-foreground: var(--foreground);
  --accent: #262626;
  --accent-foreground: var(--foreground);
  --rc-pressed: #303030;
  --border: #363636;
  --rc-border-strong: #4a4a4a;
  --rc-divider: #2c2c2c;
  /* ink */
  --foreground: #ececec;
  --muted-foreground: #b8b8b8;
  --rc-ink-3: #9a9a9a;
  --rc-ink-4: #6e6e6e;
  --rc-control-outline: #9a9a9a;
  --input: #7a7a7a;
  --primary-foreground: #1c1c1c;
  --rc-link: #5b9dff;
  --ring: var(--rc-link);
  /* data */
  --chart-1: #3d9be6;
  --rc-chart-1-prev: #2b5a7e;
  /* categorical series palette 1-8 (+ the dashed comparison colour); hue-matched to the chip tints */
  --chart-2: #22b89e; --rc-chart-2-prev: #1d6157;
  --chart-3: #6cbd3f; --rc-chart-3-prev: #3e6427;
  --chart-4: #e8ac12; --rc-chart-4-prev: #755a14;
  --chart-5: #f07f3a; --rc-chart-5-prev: #7b4627;
  --rc-chart-6: #e5559a; --rc-chart-6-prev: #77304f;
  --rc-chart-7: #9a76ee; --rc-chart-7-prev: #4f3f7a;
  --rc-chart-8: #8d9bb0; --rc-chart-8-prev: #4a5260;
  --rc-bar: #3d9be6;
  --rc-bar-track: #1e2a34;
  /* chart furniture: gridlines, the baseline (lowest gridline) and the hover crosshair */
  --rc-chart-grid: var(--rc-divider);
  --rc-chart-baseline: #4a4a4a;
  --rc-chart-cross: var(--rc-ink-4);
  /* status tones: bg, ink (AA on bg), icon */
  --rc-good-bg: #0f3a26; --rc-good-ink: #8ee6b4; --rc-good-icon: #3cbf7c;
  --rc-bad-bg: #47150f; --rc-bad-ink: #ffb3a6; --rc-bad-icon: #ff6b52;
  --rc-warn-bg: #3b2c06; --rc-warn-ink: #f3d27c; --rc-warn-icon: #e0a800;
  --rc-info-bg: #0a2c42; --rc-info-ink: #9cd2ff; --rc-info-icon: #3db1f2;
  --rc-magic-bg: #2c1a4f; --rc-magic-ink: #d3b9ff; --rc-magic-icon: #a585ff;
  --rc-neutral-bg: var(--secondary); --rc-neutral-ink: var(--muted-foreground);
  --rc-score-low: #f09a2a;
  /* categorical chip tints 1-8 (background, text); products pick the number */
  --rc-tint-1-bg: #0f2e44; --rc-tint-1-ink: #9fd0f5;
  --rc-tint-2-bg: #0b3832; --rc-tint-2-ink: #8fe0d0;
  --rc-tint-3-bg: #1d3812; --rc-tint-3-ink: #b4e39a;
  --rc-tint-4-bg: #3b2d06; --rc-tint-4-ink: #f2d27a;
  --rc-tint-5-bg: #43220d; --rc-tint-5-ink: #f7b88f;
  --rc-tint-6-bg: #43142c; --rc-tint-6-ink: #f5a3c6;
  --rc-tint-7-bg: #2c1c52; --rc-tint-7-ink: #c9b2f5;
  --rc-tint-8-bg: #283039; --rc-tint-8-ink: #c3cbd6;
  /* actions and overlays (elements fall back to these values when a token is absent) */
  --primary: var(--foreground);
  --rc-btn-primary-hover: #ffffff;
  --rc-btn-primary-edge: 0 -1px 0 0 rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
  --rc-btn-primary-shadow: var(--rc-btn-primary-edge), 0 1px 0 0 rgba(255, 255, 255, 0.6) inset;
  --rc-btn-primary-pressed: 0 2px 1px 0 rgba(0, 0, 0, 0.35) inset;
  --destructive: #d92b12;
  --rc-critical-hover: #c22410;
  --destructive-foreground: #ffffff;
  --rc-btn-critical-edge: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  --rc-btn-critical-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.4) inset, var(--rc-btn-critical-edge), 0 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  --rc-btn-critical-pressed: 0 2px 1px 0 rgba(0, 0, 0, 0.5) inset;
  --rc-pressed-shadow: 0 0 0 1px color-mix(in srgb, var(--rc-mix-ink) 14%, transparent) inset, 0 1px 1px 0 color-mix(in srgb, var(--rc-shadow) 50%, transparent) inset;
  --rc-switch-track: var(--input);
  --rc-knob: #e8e8e8; --rc-knob-on: var(--primary-foreground); --rc-knob-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  --rc-bar-below: #5c5c5c;
  --rc-backdrop: color-mix(in srgb, var(--rc-shadow) 60%, transparent);
  --rc-skeleton-shine: rgba(255, 255, 255, 0.06);
  --rc-image-edge: rgba(255, 255, 255, 0.1);
  --rc-on-dark-ink: #ffffff; --rc-on-dark-control: color-mix(in srgb, var(--rc-topbar-ink) 16%, transparent); --rc-on-dark-edge: rgba(255, 255, 255, 0.24);
  --rc-link-hover: #8ab9ff;
  --rc-popover-width: 280px;
  --rc-popover-radius: var(--rc-radius-card);
  --rc-tooltip-width: 280px;
  --rc-clickable-hover: var(--accent);
  --rc-clickable-radius: calc(var(--radius) * 0.8);
  --rc-tabs-active: color-mix(in srgb, var(--input) 30%, var(--muted));
  /* component looks: the Lens / Pinpoint look of a part whose role variable comes from the reference (each element reads var(--rc-x, <reference variable>); a theme can set these back to the reference variable) */
  --rc-badge-default-bg: var(--rc-neutral-bg); --rc-badge-default-ink: var(--rc-neutral-ink);
  --rc-table-head-ink: var(--muted-foreground); --rc-table-row-hover: var(--accent);
  --rc-calendar-selected: var(--rc-link); --rc-calendar-selected-hover: var(--rc-link-hover);
  --rc-calendar-band: color-mix(in srgb, var(--rc-link) 9%, transparent);
  --rc-calendar-today-bg: transparent; --rc-calendar-today-ring: var(--rc-border-strong);
  --rc-date-preset-bg: var(--rc-calendar-band); --rc-date-preset-ink: var(--rc-link);
  --rc-field-focus-edge: var(--rc-control-outline);
  --rc-button-link: var(--rc-link); --rc-button-link-hover: var(--rc-link-hover);
  --rc-button-icon: var(--muted-foreground);
  --rc-avatar-bg: var(--secondary); --rc-skeleton-base: var(--secondary);
  --rc-empty-media-bg: var(--secondary); --rc-empty-media-ink: var(--muted-foreground); --rc-empty-media-radius: 50%;
  --rc-select-checked-bg: var(--secondary);
  /* app shell (the top bar is a dark band in both modes) */
  --rc-topbar: #0a0a0a;
  --sidebar: #171717; --sidebar-foreground: var(--foreground);
  --sidebar-primary: var(--primary); --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: var(--card); --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border); --sidebar-ring: var(--ring);
  --rc-sidebar-hover: #2a2a2a; --rc-sidebar-hover-ink: #ffffff;
  --rc-sidebar-ink-2: var(--muted-foreground); --rc-sidebar-ink-3: var(--rc-ink-3); --rc-sidebar-icon: #b0b0b0;
  --rc-topbar-text: #ffffff; --rc-topbar-ink: #e3e3e3; --rc-topbar-ink-2: #b5b5b5; --rc-topbar-ink-3: #9a9a9a;
  --rc-topbar-control: #1f1f1f; --rc-topbar-control-hover: #2a2a2a; --rc-topbar-border: #363636;
  --rc-topbar-focus: #7aa7ff; --rc-topbar-accent: #9ec5ff; --rc-topbar-accent-hover: #c8ddff;
  /* code (rc-code, rc-json-tree syntax colours) */
  --rc-code-string: #6fd3a0; --rc-code-number: #f0a860; --rc-code-keyword: #c79bff; --rc-code-variable: #ff8fbf;
  /* elevation */
  --rc-card-edge: var(--border);
  --rc-card-shadow: 0 0 0 1px var(--rc-card-edge), 0 1px 0 0 color-mix(in srgb, var(--rc-shadow) 40%, transparent), 0 1px 3px 0 color-mix(in srgb, var(--rc-shadow) 50%, transparent);
  --rc-pop-shadow: 0 0 0 1px var(--border), 0 4px 8px -2px color-mix(in srgb, var(--rc-shadow) 50%, transparent), 0 12px 24px -6px color-mix(in srgb, var(--rc-shadow) 60%, transparent);
  --rc-btn-shadow: 0 0 0 1px var(--border) inset, 0 -1px 0 0 color-mix(in srgb, var(--rc-shadow) 35%, transparent) inset;
  --rc-modal-shadow: 0 0 0 1px var(--border), 0 20px 48px -12px color-mix(in srgb, var(--rc-shadow) 70%, transparent);
  --rc-focus: 0 0 0 2px var(--card), 0 0 0 4px var(--ring);
  --rc-shadow: #000000; --rc-mix-ink: #ffffff;
  /* shape, type, motion */
  --rc-radius-card: calc(var(--radius) * 1.2);
  --radius: 10px;
  --rc-font: 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --rc-font-mono: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
  --rc-font-size: 13px;
  --rc-line-height: 20px;
  --rc-font-weight: 450;
  --rc-ease: cubic-bezier(0.25, 1, 0.5, 1);
  --rc-motion-enter: 280ms; --rc-motion-exit: 200ms; --rc-motion-enter-sm: 150ms; --rc-motion-exit-sm: 100ms;
  --rc-ease-out: cubic-bezier(0.25, 1, 0.5, 1); --rc-ease-in: cubic-bezier(0.32, 0, 0.67, 0);
  /* spacing scale, 100 = 4px (px, no rem: Bootstrap 3 hosts set html{font-size:10px}) */
  --rc-space-025: 1px; --rc-space-050: 2px; --rc-space-100: 4px; --rc-space-150: 6px; --rc-space-200: 8px;
  --rc-space-250: 10px; --rc-space-300: 12px; --rc-space-350: 14px; --rc-space-400: 16px; --rc-space-500: 20px;
  --rc-space-600: 24px; --rc-space-800: 32px; --rc-space-1000: 40px; --rc-space-1200: 48px;

  /* scheme capture (scripts/gen-tokens.mjs): what overlays reset to inside a local colour region */
  --rc-scheme-background: var(--background); --rc-scheme-card: var(--card); --rc-scheme-card-foreground: var(--card-foreground); --rc-scheme-popover: var(--popover);
  --rc-scheme-popover-foreground: var(--popover-foreground); --rc-scheme-muted: var(--muted); --rc-scheme-secondary: var(--secondary); --rc-scheme-secondary-foreground: var(--secondary-foreground);
  --rc-scheme-accent: var(--accent); --rc-scheme-accent-foreground: var(--accent-foreground); --rc-scheme-pressed: var(--rc-pressed); --rc-scheme-border: var(--border);
  --rc-scheme-border-strong: var(--rc-border-strong); --rc-scheme-divider: var(--rc-divider); --rc-scheme-foreground: var(--foreground); --rc-scheme-muted-foreground: var(--muted-foreground);
  --rc-scheme-ink-3: var(--rc-ink-3); --rc-scheme-ink-4: var(--rc-ink-4); --rc-scheme-control-outline: var(--rc-control-outline); --rc-scheme-input: var(--input);
  --rc-scheme-primary-foreground: var(--primary-foreground); --rc-scheme-link: var(--rc-link); --rc-scheme-ring: var(--ring); --rc-scheme-chart-1: var(--chart-1);
  --rc-scheme-chart-1-prev: var(--rc-chart-1-prev); --rc-scheme-chart-2: var(--chart-2); --rc-scheme-chart-2-prev: var(--rc-chart-2-prev); --rc-scheme-chart-3: var(--chart-3);
  --rc-scheme-chart-3-prev: var(--rc-chart-3-prev); --rc-scheme-chart-4: var(--chart-4); --rc-scheme-chart-4-prev: var(--rc-chart-4-prev); --rc-scheme-chart-5: var(--chart-5);
  --rc-scheme-chart-5-prev: var(--rc-chart-5-prev); --rc-scheme-chart-6: var(--rc-chart-6); --rc-scheme-chart-6-prev: var(--rc-chart-6-prev); --rc-scheme-chart-7: var(--rc-chart-7);
  --rc-scheme-chart-7-prev: var(--rc-chart-7-prev); --rc-scheme-chart-8: var(--rc-chart-8); --rc-scheme-chart-8-prev: var(--rc-chart-8-prev); --rc-scheme-bar: var(--rc-bar);
  --rc-scheme-bar-track: var(--rc-bar-track); --rc-scheme-chart-grid: var(--rc-chart-grid); --rc-scheme-chart-baseline: var(--rc-chart-baseline); --rc-scheme-chart-cross: var(--rc-chart-cross);
  --rc-scheme-good-bg: var(--rc-good-bg); --rc-scheme-good-ink: var(--rc-good-ink); --rc-scheme-good-icon: var(--rc-good-icon); --rc-scheme-bad-bg: var(--rc-bad-bg);
  --rc-scheme-bad-ink: var(--rc-bad-ink); --rc-scheme-bad-icon: var(--rc-bad-icon); --rc-scheme-warn-bg: var(--rc-warn-bg); --rc-scheme-warn-ink: var(--rc-warn-ink);
  --rc-scheme-warn-icon: var(--rc-warn-icon); --rc-scheme-info-bg: var(--rc-info-bg); --rc-scheme-info-ink: var(--rc-info-ink); --rc-scheme-info-icon: var(--rc-info-icon);
  --rc-scheme-magic-bg: var(--rc-magic-bg); --rc-scheme-magic-ink: var(--rc-magic-ink); --rc-scheme-magic-icon: var(--rc-magic-icon); --rc-scheme-neutral-bg: var(--rc-neutral-bg);
  --rc-scheme-neutral-ink: var(--rc-neutral-ink); --rc-scheme-score-low: var(--rc-score-low); --rc-scheme-tint-1-bg: var(--rc-tint-1-bg); --rc-scheme-tint-1-ink: var(--rc-tint-1-ink);
  --rc-scheme-tint-2-bg: var(--rc-tint-2-bg); --rc-scheme-tint-2-ink: var(--rc-tint-2-ink); --rc-scheme-tint-3-bg: var(--rc-tint-3-bg); --rc-scheme-tint-3-ink: var(--rc-tint-3-ink);
  --rc-scheme-tint-4-bg: var(--rc-tint-4-bg); --rc-scheme-tint-4-ink: var(--rc-tint-4-ink); --rc-scheme-tint-5-bg: var(--rc-tint-5-bg); --rc-scheme-tint-5-ink: var(--rc-tint-5-ink);
  --rc-scheme-tint-6-bg: var(--rc-tint-6-bg); --rc-scheme-tint-6-ink: var(--rc-tint-6-ink); --rc-scheme-tint-7-bg: var(--rc-tint-7-bg); --rc-scheme-tint-7-ink: var(--rc-tint-7-ink);
  --rc-scheme-tint-8-bg: var(--rc-tint-8-bg); --rc-scheme-tint-8-ink: var(--rc-tint-8-ink); --rc-scheme-primary: var(--primary); --rc-scheme-btn-primary-hover: var(--rc-btn-primary-hover);
  --rc-scheme-btn-primary-edge: var(--rc-btn-primary-edge); --rc-scheme-btn-primary-shadow: var(--rc-btn-primary-shadow); --rc-scheme-btn-primary-pressed: var(--rc-btn-primary-pressed); --rc-scheme-destructive: var(--destructive);
  --rc-scheme-critical-hover: var(--rc-critical-hover); --rc-scheme-destructive-foreground: var(--destructive-foreground); --rc-scheme-btn-critical-edge: var(--rc-btn-critical-edge); --rc-scheme-btn-critical-shadow: var(--rc-btn-critical-shadow);
  --rc-scheme-btn-critical-pressed: var(--rc-btn-critical-pressed); --rc-scheme-pressed-shadow: var(--rc-pressed-shadow); --rc-scheme-switch-track: var(--rc-switch-track); --rc-scheme-knob: var(--rc-knob);
  --rc-scheme-knob-on: var(--rc-knob-on); --rc-scheme-knob-shadow: var(--rc-knob-shadow); --rc-scheme-bar-below: var(--rc-bar-below); --rc-scheme-backdrop: var(--rc-backdrop);
  --rc-scheme-skeleton-shine: var(--rc-skeleton-shine); --rc-scheme-image-edge: var(--rc-image-edge); --rc-scheme-on-dark-ink: var(--rc-on-dark-ink); --rc-scheme-on-dark-control: var(--rc-on-dark-control);
  --rc-scheme-on-dark-edge: var(--rc-on-dark-edge); --rc-scheme-link-hover: var(--rc-link-hover); --rc-scheme-clickable-hover: var(--rc-clickable-hover); --rc-scheme-tabs-active: var(--rc-tabs-active);
  --rc-scheme-badge-default-bg: var(--rc-badge-default-bg); --rc-scheme-badge-default-ink: var(--rc-badge-default-ink); --rc-scheme-table-head-ink: var(--rc-table-head-ink); --rc-scheme-table-row-hover: var(--rc-table-row-hover);
  --rc-scheme-calendar-selected: var(--rc-calendar-selected); --rc-scheme-calendar-selected-hover: var(--rc-calendar-selected-hover); --rc-scheme-calendar-band: var(--rc-calendar-band); --rc-scheme-calendar-today-ring: var(--rc-calendar-today-ring);
  --rc-scheme-date-preset-bg: var(--rc-date-preset-bg); --rc-scheme-date-preset-ink: var(--rc-date-preset-ink); --rc-scheme-field-focus-edge: var(--rc-field-focus-edge); --rc-scheme-button-link: var(--rc-button-link);
  --rc-scheme-button-link-hover: var(--rc-button-link-hover); --rc-scheme-button-icon: var(--rc-button-icon); --rc-scheme-avatar-bg: var(--rc-avatar-bg); --rc-scheme-skeleton-base: var(--rc-skeleton-base);
  --rc-scheme-empty-media-bg: var(--rc-empty-media-bg); --rc-scheme-empty-media-ink: var(--rc-empty-media-ink); --rc-scheme-select-checked-bg: var(--rc-select-checked-bg); --rc-scheme-topbar: var(--rc-topbar);
  --rc-scheme-sidebar: var(--sidebar); --rc-scheme-sidebar-foreground: var(--sidebar-foreground); --rc-scheme-sidebar-primary: var(--sidebar-primary); --rc-scheme-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --rc-scheme-sidebar-accent: var(--sidebar-accent); --rc-scheme-sidebar-accent-foreground: var(--sidebar-accent-foreground); --rc-scheme-sidebar-border: var(--sidebar-border); --rc-scheme-sidebar-ring: var(--sidebar-ring);
  --rc-scheme-sidebar-hover: var(--rc-sidebar-hover); --rc-scheme-sidebar-hover-ink: var(--rc-sidebar-hover-ink); --rc-scheme-sidebar-ink-2: var(--rc-sidebar-ink-2); --rc-scheme-sidebar-ink-3: var(--rc-sidebar-ink-3);
  --rc-scheme-sidebar-icon: var(--rc-sidebar-icon); --rc-scheme-topbar-text: var(--rc-topbar-text); --rc-scheme-topbar-ink: var(--rc-topbar-ink); --rc-scheme-topbar-ink-2: var(--rc-topbar-ink-2);
  --rc-scheme-topbar-ink-3: var(--rc-topbar-ink-3); --rc-scheme-topbar-control: var(--rc-topbar-control); --rc-scheme-topbar-control-hover: var(--rc-topbar-control-hover); --rc-scheme-topbar-border: var(--rc-topbar-border);
  --rc-scheme-topbar-focus: var(--rc-topbar-focus); --rc-scheme-topbar-accent: var(--rc-topbar-accent); --rc-scheme-topbar-accent-hover: var(--rc-topbar-accent-hover); --rc-scheme-code-string: var(--rc-code-string);
  --rc-scheme-code-number: var(--rc-code-number); --rc-scheme-code-keyword: var(--rc-code-keyword); --rc-scheme-code-variable: var(--rc-code-variable); --rc-scheme-card-edge: var(--rc-card-edge);
  --rc-scheme-card-shadow: var(--rc-card-shadow); --rc-scheme-pop-shadow: var(--rc-pop-shadow); --rc-scheme-btn-shadow: var(--rc-btn-shadow); --rc-scheme-modal-shadow: var(--rc-modal-shadow);
  --rc-scheme-focus: var(--rc-focus); --rc-scheme-shadow: var(--rc-shadow); --rc-scheme-mix-ink: var(--rc-mix-ink);
}

/* before the bundle defines them, composed overlay content stays hidden (no inline flash of menu or dialog
   content); a modal or drawer keeps its trigger part visible, so the page does not jump when the bundle arrives */
:is(rc-popover-content, rc-tooltip-content, rc-hover-card-content, rc-dropdown-menu-content,
  rc-context-menu-content, rc-menubar-content, rc-navigation-menu-content, rc-combobox-content):not(:defined),
:is(rc-dialog-content, rc-sheet-content, rc-drawer-content, rc-alert-dialog-content,
  rc-command-dialog):not(:defined),
:is(rc-dialog, rc-sheet, rc-drawer, rc-alert-dialog):not(:defined)
  > :not(rc-dialog-trigger, rc-sheet-trigger, rc-drawer-trigger, rc-alert-dialog-trigger) {
  display: none;
}