/*
Copyright 2021 Q-CTRL. All rights reserved.

Licensed under the Q-CTRL Terms of service (the "License"). Unauthorized
copying or use of this file, via any medium, is strictly prohibited.
Proprietary and confidential. You may not use this file except in compliance
with the License. You may obtain a copy of the License at

     https://q-ctrl.com/terms

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS. See the
License for the specific language.
*/

/*
Box Shadows:
Overrides Tailwind's `.shadow-*` classes setting 'light' as default options
and `dark` as an additional option for applying shadows on darker backgrounds `.shadow-dark-*`.
*/
const light = {
  xs: "0px 0.5px 2px rgba(123, 116, 121, 0.16), 0px 0px 1px rgba(30, 0, 51, 0.08)",
  sm: "0px 2px 4px rgba(123, 116, 121, 0.16), 0px 0px 1px rgba(30, 0, 51, 0.04)",
  md: "0px 4px 8px rgba(123, 116, 121, 0.16), 0px 0px 2px rgba(30, 0, 51, 0.04)",
  lg: "0px 8px 16px rgba(123, 116, 121, 0.16), 0px 2px 4px rgba(30, 0, 51, 0.04)",
  xl: "0px 16px 24px rgba(123, 116, 121, 0.16), 0px 2px 8px rgba(30, 0, 51, 0.04)",
  "2xl": "0px 20px 32px rgba(123, 116, 121, 0.24), 0px 2px 8px rgba(30, 0, 51, 0.08)",
  inner: "inset 0px 0.5px 4px rgba(30, 0, 51, 0.32)",
  "inner-sm": "inset 0px 0.25px 1.25px rgba(30, 0, 51, 0.1)" // "inner-sm": "inset 0px 0px 2px rgba(30, 0, 51, 0.2)",

};
const dark = {
  "dark-xs": "0px 0.5px 2px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(40, 41, 61, 0.08)",
  "dark-sm": "0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04)",
  "dark-md": "0px 4px 8px rgba(0, 0, 0, 0.32), 0px 0px 2px rgba(0, 0, 0, 0.04)",
  "dark-lg": "0px 8px 16px rgba(0, 0, 0, 0.32), 0px 2px 4px rgba(0, 0, 0, 0.04)",
  "dark-xl": "0px 16px 24px rgba(0, 0, 0, 0.32), 0px 2px 8px rgba(0, 0, 0, 0.04)",
  "dark-2xl": "0px 20px 32px rgba(0, 0, 0, 0.32), 0px 2px 8px rgba(0, 0, 0, 0.08)",
  "dark-inner": "inset 0px 0.5px 4px rgba(0, 0, 0, 0.32)",
  "dark-inner-sm": "inset 0px 0.25px 1.25px rgba(0, 0, 0, 0.2)"
};
module.exports = {
  DEFAULT: light.md,
  ...light,
  ...dark,
  none: "none"
};