/* Generated by scripts/build.mjs from semantic.map.json. Do not edit:
   change a role there or the master token it points at. */
:root {
  --color-canvas: #fafafa; /* page background */
  --color-surface: #ffffff; /* cards and panels */
  --color-surface-raised: #ffffff; /* dialogs, popovers, menus */
  --color-surface-sunken: #f5f5f5; /* wells, code blocks, inset areas */
  --color-surface-inverse: #111111; /* inverted band, footer */
  --color-border: #e5e5e5; /* rules and dividers */
  --color-border-strong: #d7d7d7; /* inputs, emphasis, selected edges */
  --color-text: #111111; /* body text and headings */
  --color-text-muted: #6b6b6b; /* secondary text and metadata */
  --color-text-subtle: #919191; /* large secondary text and icons only */
  --color-text-inverse: #ffffff; /* text on accent and dark fills */
  --color-text-on-inverse: #ffffff; /* text on the inverted band */
  --color-text-on-inverse-muted: #e5e5e5; /* secondary text on the inverted band */
  --color-accent: #2f6feb; /* fills, focus, graphics; not link text */
  --color-accent-hover: #1d51c4; /* accent filled hover */
  --color-accent-active: #062178; /* accent filled pressed */
  --color-accent-subtle: #f0f7ff; /* quiet accent wash */
  --color-accent-subtle-hover: #d6eaff; /* quiet accent wash, hover */
  --color-accent-border: #add1ff; /* accent outline */
  --color-accent-text: #062178; /* accent as text on light */
  --color-focus-ring: #2f6feb; /* visible focus outline */
  --color-selection-bg: #d6eaff; /* text selection */
  --color-disabled-bg: #ececec; /* disabled control surface */
  --color-disabled-text: #919191; /* disabled label, contrast exempt */
  --color-success: #17a34a; /* positive icon and border */
  --color-success-bg: #d5e3d8; /* positive wash */
  --color-success-text: #135200; /* positive text */
  --color-warning: #faad14; /* warning icon and border */
  --color-warning-bg: #fffbe6; /* warning wash */
  --color-error: #ff4d4f; /* negative icon and border */
  --color-error-bg: #fff2f0; /* negative wash */
  --color-error-text: #cf1322; /* negative text */
  --color-info: #2f6feb; /* informational icon and border */
  --color-info-bg: #f0f7ff; /* informational wash */
  --color-info-text: #062178; /* informational text */
}

[data-theme="dark"] {
  --color-canvas: #1d1d1d; /* page background */
  --color-surface: #141414; /* cards and panels */
  --color-surface-raised: #272727; /* dialogs, popovers, menus */
  --color-surface-sunken: #1d1d1d; /* wells, code blocks, inset areas */
  --color-surface-inverse: #272727; /* inverted band, footer */
  --color-border: #303030; /* rules and dividers */
  --color-border-strong: #3e3e3e; /* inputs, emphasis, selected edges */
  --color-text: #dcdcdc; /* body text and headings */
  --color-text-muted: #adadad; /* secondary text and metadata */
  --color-text-subtle: #7e7e7e; /* large secondary text and icons only */
  --color-text-inverse: #141414; /* text on accent and light fills */
  --color-text-on-inverse: #dcdcdc; /* text on the inverted band */
  --color-text-on-inverse-muted: #adadad; /* secondary text on the inverted band */
  --color-accent: #4f81d5; /* fills, focus, graphics; not link text */
  --color-accent-hover: #7aa6e8; /* accent filled hover */
  --color-accent-active: #4167a8; /* accent filled pressed */
  --color-accent-subtle: #151d2e; /* quiet accent wash */
  --color-accent-subtle-hover: #1b2b4a; /* quiet accent wash, hover */
  --color-accent-border: #293a58; /* accent outline */
  --color-accent-text: #7aa6e8; /* accent as text on dark */
  --color-focus-ring: #7aa6e8; /* visible focus outline */
  --color-selection-bg: #1b2b4a; /* text selection */
  --color-disabled-bg: #272727; /* disabled control surface */
  --color-disabled-text: #7e7e7e; /* disabled label, contrast exempt */
  --color-success: #309953; /* positive icon and border */
  --color-success-bg: #132419; /* positive wash */
  --color-success-text: #50ac6b; /* positive text */
  --color-warning: #dcaa37; /* warning icon and border */
  --color-warning-bg: #312512; /* warning wash */
  --color-error: #dc6966; /* negative icon and border */
  --color-error-bg: #32191a; /* negative wash */
  --color-error-text: #e89590; /* negative text */
  --color-info: #4f81d5; /* informational icon and border */
  --color-info-bg: #151d2e; /* informational wash */
  --color-info-text: #7aa6e8; /* informational text */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-canvas: #1d1d1d; /* page background */
    --color-surface: #141414; /* cards and panels */
    --color-surface-raised: #272727; /* dialogs, popovers, menus */
    --color-surface-sunken: #1d1d1d; /* wells, code blocks, inset areas */
    --color-surface-inverse: #272727; /* inverted band, footer */
    --color-border: #303030; /* rules and dividers */
    --color-border-strong: #3e3e3e; /* inputs, emphasis, selected edges */
    --color-text: #dcdcdc; /* body text and headings */
    --color-text-muted: #adadad; /* secondary text and metadata */
    --color-text-subtle: #7e7e7e; /* large secondary text and icons only */
    --color-text-inverse: #141414; /* text on accent and light fills */
    --color-text-on-inverse: #dcdcdc; /* text on the inverted band */
    --color-text-on-inverse-muted: #adadad; /* secondary text on the inverted band */
    --color-accent: #4f81d5; /* fills, focus, graphics; not link text */
    --color-accent-hover: #7aa6e8; /* accent filled hover */
    --color-accent-active: #4167a8; /* accent filled pressed */
    --color-accent-subtle: #151d2e; /* quiet accent wash */
    --color-accent-subtle-hover: #1b2b4a; /* quiet accent wash, hover */
    --color-accent-border: #293a58; /* accent outline */
    --color-accent-text: #7aa6e8; /* accent as text on dark */
    --color-focus-ring: #7aa6e8; /* visible focus outline */
    --color-selection-bg: #1b2b4a; /* text selection */
    --color-disabled-bg: #272727; /* disabled control surface */
    --color-disabled-text: #7e7e7e; /* disabled label, contrast exempt */
    --color-success: #309953; /* positive icon and border */
    --color-success-bg: #132419; /* positive wash */
    --color-success-text: #50ac6b; /* positive text */
    --color-warning: #dcaa37; /* warning icon and border */
    --color-warning-bg: #312512; /* warning wash */
    --color-error: #dc6966; /* negative icon and border */
    --color-error-bg: #32191a; /* negative wash */
    --color-error-text: #e89590; /* negative text */
    --color-info: #4f81d5; /* informational icon and border */
    --color-info-bg: #151d2e; /* informational wash */
    --color-info-text: #7aa6e8; /* informational text */
  }
}