{"version":3,"file":"lightTheme.mjs","names":[],"sources":["../../../../package/common/themeProvider/lightTheme.ts"],"sourcesContent":["import type { Theme } from './theme.types';\n\n/**\n * The light sibling of {@link defaultTheme}, which is dark. Same brand, inverted surfaces:\n * it declares only what has to flip, and inherits the rest through `baseThemeId`, so a change\n * to the palette or the type scale reaches both themes at once.\n *\n * ```tsx\n * <ThemeProvider themes={[defaultTheme, lightTheme]} currentThemeId='light'>\n * ```\n *\n * `--primary-color` is deliberately untouched: it is the brand, and it reads on both.\n */\nexport const lightTheme: Theme = {\n  id: 'light',\n  baseThemeId: 'default',\n  variables: {\n    '--background': '#FFFFFF',\n    '--background-accent': '#F4F4F8',\n    '--background-accent-light': '#FAFAFD',\n    '--background-accent-dark': '#D4D4E0',\n    '--background-modal': '#FFFFFF',\n\n    '--text-color': '#1E1E2E',\n    '--text-dark': '#55556E',\n    '--text-light': '#75758C',\n\n    '--border-color': '#DCDCE8',\n\n    // Dark text on the dark theme's own lighter-* tints is unreadable; on white they are the\n    // right weight as-is, so only the greens and reds that were tuned for a dark ground move.\n    '--lighter-green': '#DFF5E1',\n    '--lighter-red': '#FCE4E6',\n    '--lighter-blue': '#E1EBFF',\n    '--lighter-orange': '#FFEADF',\n\n    // The default theme's green is dark enough to read on white; its grey text is not.\n    '--accent-color': '#6E6E80',\n\n    '--input-background': '#F4F4F8',\n\n    // Three stacked black shadows read as grime on a white surface.\n    '--card-shadow': '0 1px 3px rgb(0 0 0 / 8%), 0 1px 2px rgb(0 0 0 / 6%)',\n  },\n};\n"],"mappings":"aAaA,IAAa,EAAoB,CAC/B,GAAI,QACJ,YAAa,UACb,UAAW,CACT,eAAgB,UAChB,sBAAuB,UACvB,4BAA6B,UAC7B,2BAA4B,UAC5B,qBAAsB,UAEtB,eAAgB,UAChB,cAAe,UACf,eAAgB,UAEhB,iBAAkB,UAIlB,kBAAmB,UACnB,gBAAiB,UACjB,iBAAkB,UAClB,mBAAoB,UAGpB,iBAAkB,UAElB,qBAAsB,UAGtB,gBAAiB,sDACnB,CACF"}