{"version":3,"sourceRoot":"","sources":["../../../src/theme/theme-dark/theme-dark-semantic.css"],"names":[],"mappings":"AAEA,MAEE,qCACA,gDACA,uDACA,gDACA,qCACA,4CACA,kDACA,oDACA,iDACA,yCAGA,kDACA,0CACA,mDACA,2FAKA,gDAUA,kDACA,oDAGA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,kDACA,kDACA,kDACA,kDACA,kDAGA,8CACA,6CACA,uDACA,sDACA,2DACA,2DAGA,6CACA,2CACA,iDACA,kDACA,yDACA,iDACA,+CACA,mDACA,6CACA,6CACA,iDACA,iDACA,mDACA,mDAGA,iDACA,+CACA,qDACA,sDACA,8DACA,sDACA,oDACA,wDACA,kDACA,iDACA,qDACA,sDACA,uDACA,uDAEA,uDACA,oDACA,sDACA,kDAGA,2CACA,kDACA,6CAGA,gGAKA,+FAKA,gGAKA,4FAKA,mGAOA,+FAOA,yFAKA,0FAKA,yFAOA,6CACA,iDACA,sDACA,qDACA,0DACA,6DAGA,6CACA,+CACA,sDACA,qDACA,0DACA,4DAEA,wDACA,8DACA,6DACA,kEAGA,+CACA,iDACA,wDACA,uDACA,4DACA,4DAGA,4CACA,yCACA,qDACA,oDACA,yDACA,wDAGA,+CACA,6CACA,uDACA,sDACA,4DACA,0DAGA","file":"theme-dark-semantic.css","sourcesContent":["/* stylelint-disable custom-property-empty-line-before */\n/* stylelint-disable alpha-value-notation */\n:root {\n  /* General */\n  --dh-color-bg: var(--dh-color-black);\n  --dh-color-content-bg: var(--dh-color-gray-100);\n  --dh-color-subdued-content-bg: var(--dh-color-gray-75);\n  --dh-color-surface-bg: var(--dh-color-gray-200);\n  --dh-color-fg: var(--dh-color-white);\n  --dh-color-border: var(--dh-color-gray-500);\n  --dh-color-hover-border: var(--dh-color-gray-600);\n  --dh-color-border-focus: var(--dh-color-accent-800);\n  --dh-color-disabled-bg: var(--dh-color-gray-300);\n  --dh-color-scrollbar: var(--dh-color-fg);\n\n  /* Text */\n  --dh-color-heading-text: var(--dh-color-gray-900);\n  --dh-color-text: var(--dh-color-gray-800);\n  --dh-color-text-disabled: var(--dh-color-gray-600);\n  --dh-color-text-highlight: color-mix(\n    in srgb,\n    var(--dh-color-blue-700) 30%,\n    transparent\n  );\n  --dh-color-text-hover: var(--dh-color-gray-900);\n\n  /*\n   * Contrast Colors\n   *\n   * Note that React Spectrum guidance suggests that background colors containing\n   * yellow, orange, chartreuse or cyan should use a dark contrast color. All\n   * others should use light.\n   * https://spectrum.adobe.com/page/using-color/#Solid-color-background-with-black-or-white\n   */\n  --dh-color-contrast-dark: var(--dh-color-gray-50);\n  --dh-color-contrast-light: var(--dh-color-gray-900);\n\n  /** Accent Colors */\n  --dh-color-accent-100: var(--dh-color-blue-100);\n  --dh-color-accent-200: var(--dh-color-blue-200);\n  --dh-color-accent-300: var(--dh-color-blue-300);\n  --dh-color-accent-400: var(--dh-color-blue-400);\n  --dh-color-accent-500: var(--dh-color-blue-500);\n  --dh-color-accent-600: var(--dh-color-blue-600);\n  --dh-color-accent-700: var(--dh-color-blue-700);\n  --dh-color-accent-800: var(--dh-color-blue-800);\n  --dh-color-accent-900: var(--dh-color-blue-900);\n  --dh-color-accent-1000: var(--dh-color-blue-1000);\n  --dh-color-accent-1100: var(--dh-color-blue-1100);\n  --dh-color-accent-1200: var(--dh-color-blue-1200);\n  --dh-color-accent-1300: var(--dh-color-blue-1300);\n  --dh-color-accent-1400: var(--dh-color-blue-1400);\n\n  /* Accent */\n  --dh-color-accent: var(--dh-color-accent-600);\n  --dh-color-accent-bg: var(--dh-color-accent);\n  --dh-color-accent-hover-bg: var(--dh-color-accent-500);\n  --dh-color-accent-down-bg: var(--dh-color-accent-400);\n  --dh-color-accent-key-focus-bg: var(--dh-color-accent-500);\n  --dh-color-accent-contrast: var(--dh-color-contrast-light);\n\n  /* Background Defaults */\n  --dh-color-gray-bg: var(--dh-color-gray-700);\n  --dh-color-red-bg: var(--dh-color-red-700);\n  --dh-color-orange-bg: var(--dh-color-orange-800);\n  --dh-color-yellow-bg: var(--dh-color-yellow-1000);\n  --dh-color-chartreuse-bg: var(--dh-color-chartreuse-900);\n  --dh-color-celery-bg: var(--dh-color-celery-800);\n  --dh-color-green-bg: var(--dh-color-green-700);\n  --dh-color-seafoam-bg: var(--dh-color-seafoam-700);\n  --dh-color-cyan-bg: var(--dh-color-cyan-700);\n  --dh-color-blue-bg: var(--dh-color-blue-700);\n  --dh-color-indigo-bg: var(--dh-color-indigo-700);\n  --dh-color-purple-bg: var(--dh-color-purple-700);\n  --dh-color-fuchsia-bg: var(--dh-color-fuchsia-700);\n  --dh-color-magenta-bg: var(--dh-color-magenta-700);\n\n  /* Visual Colors */\n  --dh-color-visual-gray: var(--dh-color-gray-600);\n  --dh-color-visual-red: var(--dh-color-red-800);\n  --dh-color-visual-orange: var(--dh-color-orange-900);\n  --dh-color-visual-yellow: var(--dh-color-yellow-1200);\n  --dh-color-visual-chartreuse: var(--dh-color-chartreuse-1100);\n  --dh-color-visual-celery: var(--dh-color-celery-1000);\n  --dh-color-visual-green: var(--dh-color-green-1100);\n  --dh-color-visual-seafoam: var(--dh-color-seafoam-1100);\n  --dh-color-visual-cyan: var(--dh-color-cyan-1100);\n  --dh-color-visual-blue: var(--dh-color-blue-600);\n  --dh-color-visual-indigo: var(--dh-color-indigo-900);\n  --dh-color-visual-purple: var(--dh-color-purple-1100);\n  --dh-color-visual-fuchsia: var(--dh-color-fuchsia-900);\n  --dh-color-visual-magenta: var(--dh-color-magenta-900);\n\n  --dh-color-visual-positive: var(--dh-color-green-1200);\n  --dh-color-visual-negative: var(--dh-color-red-800);\n  --dh-color-visual-notice: var(--dh-color-yellow-1200);\n  --dh-color-visual-info: var(--dh-color-cyan-1100);\n\n  /* Focus */\n  --dh-color-focus: var(--dh-color-blue-800);\n  --dh-color-focus-border: var(--dh-color-blue-800);\n  --dh-color-focus-ring: var(--dh-color-focus);\n\n  /* Highlight */\n  --dh-color-highlight-active: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 20%,\n    transparent\n  );\n  --dh-color-highlight-hover: color-mix(\n    in srgb,\n    var(--dh-color-visual-gray) 18%,\n    transparent\n  );\n  --dh-color-highlight-invalid: color-mix(\n    in srgb,\n    var(--dh-color-visual-red) 15%,\n    transparent\n  );\n  --dh-color-highlight-selected: color-mix(\n    in srgb,\n    var(--dh-color-accent) 9%,\n    transparent\n  );\n  --dh-color-highlight-selected-hover: color-mix(\n    in srgb,\n    var(--dh-color-accent) 15%,\n    transparent\n  );\n\n  /* Keyboard selected */\n  --dh-color-keyboard-selected-bg: color-mix(\n    in srgb,\n    var(--dh-color-accent) 50%,\n    transparent\n  );\n\n  /* Shadows / Overlays */\n  --dh-color-dropshadow: color-mix(\n    in srgb,\n    var(--dh-color-true-black) 80%,\n    transparent\n  );\n  --dh-color-overlay-modal-bg: color-mix(\n    in srgb,\n    var(--dh-color-black) 50%,\n    transparent\n  );\n  --dh-color-overlay-hover-bg: color-mix(\n    in srgb,\n    var(--dh-color-white) 8%,\n    transparent\n  );\n\n  /* Negative */\n  --dh-color-negative: var(--dh-color-red-600);\n  --dh-color-negative-bg: var(--dh-color-negative);\n  --dh-color-negative-hover-bg: var(--dh-color-red-500);\n  --dh-color-negative-down-bg: var(--dh-color-red-400);\n  --dh-color-negative-key-focus-bg: var(--dh-color-red-500);\n  --dh-color-negative-contrast: var(--dh-color-contrast-light);\n\n  /* Neutral */\n  --dh-color-neutral: var(--dh-color-gray-500);\n  --dh-color-neutral-bg: var(--dh-color-neutral);\n  --dh-color-neutral-hover-bg: var(--dh-color-gray-300);\n  --dh-color-neutral-down-bg: var(--dh-color-gray-200);\n  --dh-color-neutral-key-focus-bg: var(--dh-color-gray-300);\n  --dh-color-neutral-contrast: var(--dh-color-contrast-light);\n\n  --dh-color-neutral-subdued-bg: var(--dh-color-gray-400);\n  --dh-color-neutral-subdued-hover-bg: var(--dh-color-gray-300);\n  --dh-color-neutral-subdued-down-bg: var(--dh-color-gray-200);\n  --dh-color-neutral-subdued-key-focus-bg: var(--dh-color-gray-300);\n\n  /* Positive */\n  --dh-color-positive: var(--dh-color-green-900);\n  --dh-color-positive-bg: var(--dh-color-positive);\n  --dh-color-positive-hover-bg: var(--dh-color-green-800);\n  --dh-color-positive-down-bg: var(--dh-color-green-700);\n  --dh-color-positive-key-focus-bg: var(--dh-color-green-800);\n  --dh-color-positive-contrast: var(--dh-color-contrast-dark);\n\n  /* Informative */\n  --dh-color-info: var(--dh-color-indigo-900);\n  --dh-color-info-bg: var(--dh-color-info);\n  --dh-color-info-hover-bg: var(--dh-color-indigo-800);\n  --dh-color-info-down-bg: var(--dh-color-indigo-700);\n  --dh-color-info-key-focus-bg: var(--dh-color-indigo-800);\n  --dh-color-info-contrast: var(--dh-color-contrast-dark);\n\n  /* Notice */\n  --dh-color-notice: var(--dh-color-yellow-1000);\n  --dh-color-notice-bg: var(--dh-color-notice);\n  --dh-color-notice-hover-bg: var(--dh-color-yellow-900);\n  --dh-color-notice-down-bg: var(--dh-color-yellow-800);\n  --dh-color-notice-key-focus-bg: var(--dh-color-yellow-1000);\n  --dh-color-notice-contrast: var(--dh-color-contrast-dark);\n\n  /* Editing */\n  --dh-color-modified: var(--dh-color-yellow-1300);\n}\n"]}