/* Generated by scripts/generate-colors.mjs. Edit core/color-system.ts and color-roles.ts. */

:root,
[data-bf-theme="light"] {
  color-scheme: light;
  --bf-bg-canvas: #f3eee7;
  --bf-bg-surface: #fffcf8;
  --bf-bg-raised: #ffffff;
  --bf-bg-recessed: #ece5de;
  --bf-bg-hover: #e6dbe2;
  --bf-text-primary: #301321;
  --bf-text-secondary: #6b5963;
  --bf-text-muted: #675861;
  --bf-text-disabled: #8b7781;
  --bf-text-link: #52223c;
  --bf-text-link-hover: #71334e;
  --bf-border-decorative: #d6c9cd;
  --bf-border-control: #8b7781;
  --bf-focus-ring: #61438f;
  --bf-action-primary: #52223c;
  --bf-action-hover: #71334e;
  --bf-action-pressed: #301321;
  --bf-action-text: #f3eee7;
  --bf-selection-bg: #e6dbe2;
  --bf-selection-text: #301321;
  --bf-selection-border: #8b7781;
  --bf-switch-thumb: #ffffff;
  --bf-switch-off: #8b7781;
  --bf-tooltip-bg: #301321;
  --bf-tooltip-text: #f3eee7;
  --bf-chart-grid: #d6c9cd;
  --bf-chart-axis: #8b7781;
  --bf-chart-label: #6b5963;
  --bf-chart-missing-bg: #ece5de;
  --bf-chart-missing-ink: #675861;
  --bf-chart-reference: #6b5963;
  --bf-brand-plum: #301321;
  --bf-brand-ivory: #f3eee7;
  --bf-brand-ink: #191419;
  --bf-brand-mulberry: #71334e;
  --bf-brand-mauve: #ad8797;
  --bf-status-info-text: #315d8c;
  --bf-status-info-bg: #e7eff8;
  --bf-status-info-border: #315d8c;
  --bf-status-success-text: #1c6c50;
  --bf-status-success-bg: #e4f0e8;
  --bf-status-success-border: #1c6c50;
  --bf-status-warning-text: #7c5400;
  --bf-status-warning-bg: #f7edd2;
  --bf-status-warning-border: #7c5400;
  --bf-status-danger-text: #a3353f;
  --bf-status-danger-bg: #fae7e7;
  --bf-status-danger-border: #a3353f;
  --bf-status-neutral-text: #675861;
  --bf-status-neutral-bg: #ece5de;
  --bf-status-neutral-border: #675861;
  --bf-chart-series-1: #71334e;
  --bf-chart-series-2: #316996;
  --bf-chart-series-3: #9a6a0c;
  --bf-chart-series-4: #247b75;
  --bf-chart-series-5: #6f5da8;
  --bf-chart-series-6: #ac522b;
  --bf-chart-series-7: #536875;
  --bf-chart-series-8: #6e752d;
  --bf-chart-sequential-plum-1: #f0e4eb;
  --bf-chart-sequential-plum-2: #dfc5d4;
  --bf-chart-sequential-plum-3: #c9a3bc;
  --bf-chart-sequential-plum-4: #ad779a;
  --bf-chart-sequential-plum-5: #8c526f;
  --bf-chart-sequential-plum-6: #71334e;
  --bf-chart-sequential-plum-7: #301321;
  --bf-chart-sequential-teal-1: #e1f2ec;
  --bf-chart-sequential-teal-2: #c0dfd7;
  --bf-chart-sequential-teal-3: #9ccbc2;
  --bf-chart-sequential-teal-4: #70a99f;
  --bf-chart-sequential-teal-5: #498c81;
  --bf-chart-sequential-teal-6: #247b75;
  --bf-chart-sequential-teal-7: #174c49;
  --bf-chart-diverging-1: #71334e;
  --bf-chart-diverging-2: #a56a8b;
  --bf-chart-diverging-3: #dac0ce;
  --bf-chart-diverging-4: #eee8e2;
  --bf-chart-diverging-5: #bdded5;
  --bf-chart-diverging-6: #59968c;
  --bf-chart-diverging-7: #1f635a;
  --bf-overlay-scrim: #19141966;
  --bf-shadow-edge: #3013211f;
  --bf-shadow-drop: #30132114;
  --bf-shadow-peek: 3px 0 10px #30132114;
  --text-color-kumo-default: var(--bf-text-primary);
  --text-color-kumo-inverse: var(--bf-action-text);
  --text-color-kumo-strong: var(--bf-text-primary);
  --text-color-kumo-subtle: var(--bf-text-muted);
  --text-color-kumo-inactive: var(--bf-text-disabled);
  --text-color-kumo-placeholder: var(--bf-text-secondary);
  --text-color-kumo-brand: var(--bf-text-link);
  --text-color-kumo-link: var(--bf-text-link);
  --text-color-kumo-info: var(--bf-status-info-text);
  --text-color-kumo-success: var(--bf-status-success-text);
  --text-color-kumo-danger: var(--bf-status-danger-text);
  --text-color-kumo-warning: var(--bf-status-warning-text);
  --text-color-kumo-badge-orange-subtle: var(--bf-status-warning-text);
  --text-color-kumo-badge-teal-subtle: var(--bf-status-success-text);
  --text-color-kumo-badge-neutral-subtle: var(--bf-status-neutral-text);
  --text-color-kumo-badge-inverted: var(--bf-action-text);
  --color-kumo-canvas: var(--bf-bg-canvas);
  --color-kumo-elevated: var(--bf-bg-raised);
  --color-kumo-recessed: var(--bf-bg-recessed);
  --color-kumo-base: var(--bf-bg-surface);
  --color-kumo-tint: var(--bf-bg-hover);
  --color-kumo-contrast: var(--bf-action-primary);
  --color-kumo-overlay: var(--bf-bg-raised);
  --color-kumo-control: var(--bf-bg-surface);
  --color-kumo-interact: var(--bf-border-control);
  --color-kumo-fill: var(--bf-bg-recessed);
  --color-kumo-fill-hover: var(--bf-bg-hover);
  --color-kumo-brand: var(--bf-action-primary);
  --color-kumo-brand-hover: var(--bf-action-hover);
  --color-kumo-line: var(--bf-border-control);
  --color-kumo-hairline: var(--bf-border-decorative);
  --color-kumo-focus: var(--bf-focus-ring);
  --color-kumo-arrow-edge: var(--bf-border-decorative);
  --color-kumo-arrow-stroke: var(--bf-border-decorative);
  --color-kumo-info-tint: var(--bf-status-info-bg);
  --color-kumo-info: var(--bf-status-info-text);
  --color-kumo-warning-tint: var(--bf-status-warning-bg);
  --color-kumo-warning: var(--bf-status-warning-text);
  --color-kumo-danger-tint: var(--bf-status-danger-bg);
  --color-kumo-danger: var(--bf-status-danger-text);
  --color-kumo-success-tint: var(--bf-status-success-bg);
  --color-kumo-success: var(--bf-status-success-text);
  --color-kumo-banner-info: var(--bf-status-info-bg);
  --color-kumo-banner-warning: var(--bf-status-warning-bg);
  --color-kumo-badge-red: var(--bf-status-danger-bg);
  --color-kumo-badge-green: var(--bf-status-success-bg);
  --color-kumo-badge-orange: var(--bf-status-warning-bg);
  --color-kumo-badge-purple: var(--bf-selection-bg);
  --color-kumo-badge-teal: var(--bf-status-success-bg);
  --color-kumo-badge-blue: var(--bf-status-info-bg);
  --color-kumo-badge-neutral: var(--bf-status-neutral-bg);
  --color-kumo-badge-inverted: var(--bf-action-primary);
  --color-kumo-shadow-edge: var(--bf-shadow-edge);
  --color-kumo-shadow-drop: var(--bf-shadow-drop);
}

:root[data-mode="dark"],
[data-bf-theme="dark"] {
  color-scheme: dark;
  --bf-bg-canvas: #191419;
  --bf-bg-surface: #241c24;
  --bf-bg-raised: #302530;
  --bf-bg-recessed: #3a2c38;
  --bf-bg-hover: #473246;
  --bf-text-primary: #f3eee7;
  --bf-text-secondary: #b6a8b2;
  --bf-text-muted: #cbbcc5;
  --bf-text-disabled: #92818c;
  --bf-text-link: #e5c6d4;
  --bf-text-link-hover: #f3dde7;
  --bf-border-decorative: #53434f;
  --bf-border-control: #92818c;
  --bf-focus-ring: #c5a4ff;
  --bf-action-primary: #e5c6d4;
  --bf-action-hover: #f3dde7;
  --bf-action-pressed: #d9aec2;
  --bf-action-text: #301321;
  --bf-selection-bg: #473246;
  --bf-selection-text: #f3eee7;
  --bf-selection-border: #92818c;
  --bf-switch-thumb: #301321;
  --bf-switch-off: #92818c;
  --bf-tooltip-bg: #f3eee7;
  --bf-tooltip-text: #301321;
  --bf-chart-grid: #53434f;
  --bf-chart-axis: #92818c;
  --bf-chart-label: #b6a8b2;
  --bf-chart-missing-bg: #3a2c38;
  --bf-chart-missing-ink: #cbbcc5;
  --bf-chart-reference: #b6a8b2;
  --bf-brand-plum: #301321;
  --bf-brand-ivory: #f3eee7;
  --bf-brand-ink: #191419;
  --bf-brand-mulberry: #71334e;
  --bf-brand-mauve: #ad8797;
  --bf-status-info-text: #a3c7ec;
  --bf-status-info-bg: #233244;
  --bf-status-info-border: #a3c7ec;
  --bf-status-success-text: #87d4af;
  --bf-status-success-bg: #20372d;
  --bf-status-success-border: #87d4af;
  --bf-status-warning-text: #e8c679;
  --bf-status-warning-bg: #3a3020;
  --bf-status-warning-border: #e8c679;
  --bf-status-danger-text: #f0a0a7;
  --bf-status-danger-bg: #422630;
  --bf-status-danger-border: #f0a0a7;
  --bf-status-neutral-text: #cbbcc5;
  --bf-status-neutral-bg: #352b34;
  --bf-status-neutral-border: #cbbcc5;
  --bf-chart-series-1: #d994b4;
  --bf-chart-series-2: #8fc4ed;
  --bf-chart-series-3: #e3ba62;
  --bf-chart-series-4: #77d0c5;
  --bf-chart-series-5: #b8a6e8;
  --bf-chart-series-6: #f3a07e;
  --bf-chart-series-7: #adbfc9;
  --bf-chart-series-8: #bec779;
  --bf-chart-sequential-plum-1: #42283a;
  --bf-chart-sequential-plum-2: #634057;
  --bf-chart-sequential-plum-3: #835f74;
  --bf-chart-sequential-plum-4: #a97c95;
  --bf-chart-sequential-plum-5: #c69bb2;
  --bf-chart-sequential-plum-6: #dec7d6;
  --bf-chart-sequential-plum-7: #f3e4eb;
  --bf-chart-sequential-teal-1: #24413b;
  --bf-chart-sequential-teal-2: #2e5c50;
  --bf-chart-sequential-teal-3: #3e7f6d;
  --bf-chart-sequential-teal-4: #5ba38b;
  --bf-chart-sequential-teal-5: #81c5aa;
  --bf-chart-sequential-teal-6: #b1e1cc;
  --bf-chart-sequential-teal-7: #e0f3e8;
  --bf-chart-diverging-1: #dda1bf;
  --bf-chart-diverging-2: #a1718c;
  --bf-chart-diverging-3: #68495b;
  --bf-chart-diverging-4: #3c3239;
  --bf-chart-diverging-5: #3e635a;
  --bf-chart-diverging-6: #79a797;
  --bf-chart-diverging-7: #bee7d6;
  --bf-overlay-scrim: #191419b3;
  --bf-shadow-edge: #f3eee726;
  --bf-shadow-drop: #00000066;
  --bf-shadow-peek: 3px 0 10px #00000066;
  --text-color-kumo-default: var(--bf-text-primary);
  --text-color-kumo-inverse: var(--bf-action-text);
  --text-color-kumo-strong: var(--bf-text-primary);
  --text-color-kumo-subtle: var(--bf-text-muted);
  --text-color-kumo-inactive: var(--bf-text-disabled);
  --text-color-kumo-placeholder: var(--bf-text-secondary);
  --text-color-kumo-brand: var(--bf-text-link);
  --text-color-kumo-link: var(--bf-text-link);
  --text-color-kumo-info: var(--bf-status-info-text);
  --text-color-kumo-success: var(--bf-status-success-text);
  --text-color-kumo-danger: var(--bf-status-danger-text);
  --text-color-kumo-warning: var(--bf-status-warning-text);
  --text-color-kumo-badge-orange-subtle: var(--bf-status-warning-text);
  --text-color-kumo-badge-teal-subtle: var(--bf-status-success-text);
  --text-color-kumo-badge-neutral-subtle: var(--bf-status-neutral-text);
  --text-color-kumo-badge-inverted: var(--bf-action-text);
  --color-kumo-canvas: var(--bf-bg-canvas);
  --color-kumo-elevated: var(--bf-bg-raised);
  --color-kumo-recessed: var(--bf-bg-recessed);
  --color-kumo-base: var(--bf-bg-surface);
  --color-kumo-tint: var(--bf-bg-hover);
  --color-kumo-contrast: var(--bf-action-primary);
  --color-kumo-overlay: var(--bf-bg-raised);
  --color-kumo-control: var(--bf-bg-surface);
  --color-kumo-interact: var(--bf-border-control);
  --color-kumo-fill: var(--bf-bg-recessed);
  --color-kumo-fill-hover: var(--bf-bg-hover);
  --color-kumo-brand: var(--bf-action-primary);
  --color-kumo-brand-hover: var(--bf-action-hover);
  --color-kumo-line: var(--bf-border-control);
  --color-kumo-hairline: var(--bf-border-decorative);
  --color-kumo-focus: var(--bf-focus-ring);
  --color-kumo-arrow-edge: var(--bf-border-decorative);
  --color-kumo-arrow-stroke: var(--bf-border-decorative);
  --color-kumo-info-tint: var(--bf-status-info-bg);
  --color-kumo-info: var(--bf-status-info-text);
  --color-kumo-warning-tint: var(--bf-status-warning-bg);
  --color-kumo-warning: var(--bf-status-warning-text);
  --color-kumo-danger-tint: var(--bf-status-danger-bg);
  --color-kumo-danger: var(--bf-status-danger-text);
  --color-kumo-success-tint: var(--bf-status-success-bg);
  --color-kumo-success: var(--bf-status-success-text);
  --color-kumo-banner-info: var(--bf-status-info-bg);
  --color-kumo-banner-warning: var(--bf-status-warning-bg);
  --color-kumo-badge-red: var(--bf-status-danger-bg);
  --color-kumo-badge-green: var(--bf-status-success-bg);
  --color-kumo-badge-orange: var(--bf-status-warning-bg);
  --color-kumo-badge-purple: var(--bf-selection-bg);
  --color-kumo-badge-teal: var(--bf-status-success-bg);
  --color-kumo-badge-blue: var(--bf-status-info-bg);
  --color-kumo-badge-neutral: var(--bf-status-neutral-bg);
  --color-kumo-badge-inverted: var(--bf-action-primary);
  --color-kumo-shadow-edge: var(--bf-shadow-edge);
  --color-kumo-shadow-drop: var(--bf-shadow-drop);
}