export const SHADOW_KEYS = [
  'lp-sys-shadow-soft',
  'lp-sys-shadow-normal',
  'lp-sys-shadow-strong',
  'lp-sys-shadow-heavy',
] as const;

export const shadow: Record<(typeof SHADOW_KEYS)[number], [string, string]> = {
  'lp-sys-shadow-soft': ['0px 4px 12px rgba(0, 0, 0, 0.05)', '0px 6px 12px rgba(0, 0, 0, 0.2)'],
  'lp-sys-shadow-normal': [
    '0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)',
    '0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)',
  ],
  'lp-sys-shadow-strong': [
    '0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)',
    '0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)',
  ],
  'lp-sys-shadow-heavy': [
    '0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)',
    '0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)',
  ],
};