{"version":3,"sourceRoot":"","sources":["../src/light.scss"],"names":[],"mappings":"AAAA,cACE,wBAEE,mBAUA,6DAMA,6DAMA,8DAMA,8DAMA,8DAMA,8DAMA,gEAMA,gEAMA,gEAMA,gEAMA,gEAQA,yDAMA,0DAMA,0DAMA,0DAMA,4DAMA,4DAMA,4DAQA,0DAMA,0DAMA,2DAMA,2DAMA,6DAMA,6DAMA,6DAQA,sDAMA,uDAMA,uDAMA,uDAMA,yDAMA,yDAMA,yDAQA,yDAMA,yDAMA,yDAMA,yDAMA,2DAMA,2DAMA,2DAQA,0DAQA,yDAMA,yDAMA,0DAMA,0DAMA,0DAMA,0DAMA,0DAMA,0DAMA,0DAMA,4DAMA,4DAMA,4DAQA,mDAMA,yDAMA,qCAMA,kCAQA,yDAMA,wDAMA,wDAMA,wDAMA,wDASA,oDAQA,2CAQA,8CAQA,+CAQA,+CAOA","file":"light.css","sourcesContent":["@layer themes {\n  :root,\n  .nano-theme-light {\n    color-scheme: light;\n\n    /* Semantic colours */\n\n    // Primary\n\n    /*\n    * @name Primary - 50\n    * @description The lightest shade of the primary colour.\n    */\n    --nano-color-primary-50: var(--nano-color-blue-cerulean-050);\n\n    /*\n    * @name Primary - 75\n    * @description The second lightest shade of the primary colour.\n    */\n    --nano-color-primary-75: var(--nano-color-blue-cerulean-075);\n\n    /*\n    * @name Primary - 100\n    * @description The third lightest shade of the primary colour.\n    */\n    --nano-color-primary-100: var(--nano-color-blue-cerulean-100);\n\n    /*\n    * @name Primary - 300\n    * @description The third lightest shade of the primary colour.\n    */\n    --nano-color-primary-300: var(--nano-color-blue-cerulean-300);\n\n    /*\n    * @name Primary - 700\n    * @description The fourth lightest shade of the primary colour.\n    */\n    --nano-color-primary-700: var(--nano-color-blue-cerulean-700);\n\n    /*\n    * @name Primary - 800\n    * @description The fifth lightest shade of the primary colour.\n    */\n    --nano-color-primary-800: var(--nano-color-blue-cerulean-800);\n\n    /*\n    * @name Primary - 1000\n    * @description The fifth lightest shade of the primary colour.\n    */\n    --nano-color-primary-1000: var(--nano-color-blue-cerulean-1000);\n\n    /*\n    * @name Primary - 1100\n    * @description The sixth lightest shade of the primary colour.\n    */\n    --nano-color-primary-1100: var(--nano-color-blue-cerulean-1100);\n\n    /*\n    * @name Primary - 1200\n    * @description The seventh lightest shade of the primary colour.\n    */\n    --nano-color-primary-1200: var(--nano-color-blue-cerulean-1200);\n\n    /*\n    * @name Primary - 1300\n    * @description The eighth lightest shade of the primary colour.\n    */\n    --nano-color-primary-1300: var(--nano-color-blue-cerulean-1300);\n\n    /*\n    * @name Primary - 1400\n    * @description The nineth lightest shade of the primary colour.\n    */\n    --nano-color-primary-1400: var(--nano-color-blue-cerulean-1400);\n\n    // Notice\n\n    /*\n    * @name Notice - 75\n    * @description The lightest shade of the notice colour.\n    */\n    --nano-color-notice-75: var(--nano-color-violet-ink-075);\n\n    /*\n    * @name Notice - 100\n    * @description The second lightest shade of the notice colour.\n    */\n    --nano-color-notice-200: var(--nano-color-violet-ink-200);\n\n    /*\n    * @name Notice - 300\n    * @description The second lightest shade of the notice colour.\n    */\n    --nano-color-notice-300: var(--nano-color-violet-ink-300);\n\n    /*\n    * @name Notice - 800\n    * @description The third lightest shade of the notice colour.\n    */\n    --nano-color-notice-800: var(--nano-color-violet-ink-800);\n\n    /*\n    * @name Notice - 1000\n    * @description The fourth lightest shade of the notice colour.\n    */\n    --nano-color-notice-1000: var(--nano-color-violet-ink-1000);\n\n    /*\n    * @name Notice - 1200\n    * @description The fifth lightest shade of the notice colour.\n    */\n    --nano-color-notice-1200: var(--nano-color-violet-ink-1200);\n\n    /*\n    * @name Notice - 1400\n    * @description The sixth lightest shade of the notice colour.\n    */\n    --nano-color-notice-1400: var(--nano-color-violet-ink-1400);\n\n    // Success\n\n    /*\n    * @name Success - 50\n    * @description The lightest shade of the success colour.\n    */\n    --nano-color-success-50: var(--nano-color-green-leaf-050);\n\n    /*\n    * @name Success - 75\n    * @description The second lightest shade of the success colour.\n    */\n    --nano-color-success-75: var(--nano-color-green-leaf-075);\n\n    /*\n    * @name Success - 200\n    * @description The third lightest shade of the success colour.\n    */\n    --nano-color-success-200: var(--nano-color-green-leaf-200);\n\n    /*\n    * @name Success - 600\n    * @description The fourth lightest shade of the success colour.\n    */\n    --nano-color-success-600: var(--nano-color-green-leaf-600);\n\n    /*\n    * @name Success - 1000\n    * @description The fifth lightest shade of the success colour.\n    */\n    --nano-color-success-1000: var(--nano-color-green-leaf-1000);\n\n    /*\n    * @name Success - 1100\n    * @description The sixth lightest shade of the success colour.\n    */\n    --nano-color-success-1100: var(--nano-color-green-leaf-1100);\n\n    /*\n    * @name Success - 1200\n    * @description The seventh lightest shade of the success colour.\n    */\n    --nano-color-success-1200: var(--nano-color-green-leaf-1200);\n\n    // Warning\n\n    /*\n    * @name Warning - 75\n    * @description The lightest shade of the warning colour.\n    */\n    --nano-color-warning-75: var(--nano-color-orange-075);\n\n    /*\n    * @name Warning - 200\n    * @description The third lightest shade of the warning colour.\n    */\n    --nano-color-warning-200: var(--nano-color-orange-200);\n\n    /*\n    * @name Warning - 300\n    * @description The second lightest shade of the warning colour.\n    */\n    --nano-color-warning-300: var(--nano-color-orange-300);\n\n    /*\n    * @name Warning - 600\n    * @description The fourth lightest shade of the warning colour.\n    */\n    --nano-color-warning-600: var(--nano-color-orange-600);\n\n    /*\n    * @name Warning - 1000\n    * @description The sixth lightest shade of the warning colour.\n    */\n    --nano-color-warning-1000: var(--nano-color-orange-1000);\n\n    /*\n    * @name Warning - 1100\n    * @description The sixth lightest shade of the warning colour.\n    */\n    --nano-color-warning-1100: var(--nano-color-orange-1100);\n\n    /*\n    * @name Warning - 1200\n    * @description The seventh lightest shade of the warning colour.\n    */\n    --nano-color-warning-1200: var(--nano-color-orange-1200);\n\n    // Danger\n\n    /*\n    * @name Danger - 100\n    * @description The lightest shade of the danger colour.\n    */\n    --nano-color-danger-100: var(--nano-color-red-brick-100);\n\n    /*\n    * @name Danger - 300\n    * @description The second lightest shade of the danger colour.\n    */\n    --nano-color-danger-300: var(--nano-color-red-brick-300);\n\n    /*\n    * @name Danger - 400\n    * @description The third lightest shade of the danger colour.\n    */\n    --nano-color-danger-400: var(--nano-color-red-brick-400);\n\n    /*\n    * @name Danger - 800\n    * @description The fourth lightest shade of the danger colour.\n    */\n    --nano-color-danger-800: var(--nano-color-red-brick-800);\n\n    /*\n    * @name Danger - 1000\n    * @description The fifth lightest shade of the danger colour.\n    */\n    --nano-color-danger-1000: var(--nano-color-red-brick-1000);\n\n    /*\n    * @name Danger - 1100\n    * @description The sixth lightest shade of the danger colour.\n    */\n    --nano-color-danger-1100: var(--nano-color-red-brick-1100);\n\n    /*\n    * @name Danger - 1300\n    * @description The seventh lightest shade of the danger colour.\n    */\n    --nano-color-danger-1200: var(--nano-color-red-brick-1200);\n\n    // Highlight\n\n    /*\n    * @name Highlight\n    * @description Used to highlight text or elements.\n    */\n    --nano-color-highlight: var(--nano-color-yellow-lime-100);\n\n    // Neutral\n\n    /*\n    * @name Neutral - 50\n    * @description The lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-50: var(--nano-color-grey-mono-050);\n\n    /*\n    * @name Neutral - 75\n    * @description The second lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-75: var(--nano-color-grey-mono-075);\n\n    /*\n    * @name Neutral - 100\n    * @description The third lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-100: var(--nano-color-grey-mono-100);\n\n    /*\n    * @name Neutral - 200\n    * @description The fourth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-200: var(--nano-color-grey-mono-200);\n\n    /*\n    * @name Neutral - 300\n    * @description The fifth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-300: var(--nano-color-grey-mono-300);\n\n    /*\n    * @name Neutral - 400\n    * @description The sixth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-400: var(--nano-color-grey-mono-400);\n\n    /*\n    * @name Neutral - 500\n    * @description The seventh lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-700: var(--nano-color-grey-mono-700);\n\n    /*\n    * @name Neutral - 800\n    * @description The seventh lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-800: var(--nano-color-grey-mono-800);\n\n    /*\n    * @name Neutral - 900\n    * @description The eighth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-900: var(--nano-color-grey-mono-900);\n\n    /*\n    * @name Neutral - 1000\n    * @description The eighth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-1000: var(--nano-color-grey-mono-1000);\n\n    /*\n    * @name Neutral - 1200\n    * @description The nineth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-1200: var(--nano-color-grey-mono-1200);\n\n    /*\n    * @name Neutral - 1400\n    * @description The tenth lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-1400: var(--nano-color-grey-mono-1400);\n\n    // Base (Background and text)\n\n    /*\n    * @name Base Colour - Lightest\n    * @description The lightest base colour.\n    */\n    --nano-color-base-0: var(--nano-color-basic-white);\n\n    /*\n    * @name Base Colour - Darkest\n    * @description The darkest base colour.\n    */\n    --nano-color-base-1000: var(--nano-color-grey-mono-1600);\n\n    /*\n    * @name Base RGB - 0\n    * @description Usage `rgb(var(--nano-color-base-rgb-0) / 80%)`\n    */\n    --nano-color-base-rgb-0: 255 255 255;\n\n    /*\n    * @name Base RGB - 1000\n    * @description Usage `rgb(var(--nano-color-base-rgb-1000) / 80%)`\n    */\n    --nano-color-base-rgb-1000: 0 0 0;\n\n    // Surface layers (Elevation)\n\n    /*\n      * @name Surface - 50\n      * @description A colour which indicates the level below the base surface.\n    */\n    --nano-color-surface-50: var(--nano-color-grey-mono-200);\n\n    /*\n      * @name Surface - 100\n      * @description A colour which indicates the base surface level.\n    */\n    --nano-color-surface-100: var(--nano-color-basic-white);\n\n    /*\n      * @name Surface - 200\n      * @description A colour which indicates a slightly elevated surface.\n    */\n    --nano-color-surface-200: var(--nano-color-basic-white);\n\n    /*\n      * @name Surface - 300\n      * @description A colour which indicates a raised surface.\n    */\n    --nano-color-surface-300: var(--nano-color-basic-white);\n\n    /*\n      * @name Surface - 300\n      * @description A colour which indicates the highest surface level.\n    */\n    --nano-color-surface-400: var(--nano-color-basic-white);\n\n    // Shadows\n\n    /* \n    * @name Shadow - Sunken level\n    * @description A level below base\n    * @type Shadows\n    */\n    --nano-shadow-ls: inset -2px 0 4px rgb(0 0 0 / 20%);\n\n    /*\n    * @name Shadow - Level 0\n    * @description The smallest shadow.\n    * @category Shadows\n    * @type Shadows\n    */\n    --nano-shadow-l0: 0 0 4px rgb(0 0 0 / 25%);\n\n    /*\n    * @name Shadow - Level 1\n    * @description A small shadow for slightly raised elements.\n    * @category Shadows\n    * @type Shadows\n    */\n    --nano-shadow-l1: 0 4px 10px rgb(0 0 0 / 15%);\n\n    /*\n    * @name Shadow - Level 2\n    * @description A medium shadow for moderately raised elements.\n    * @category Shadows\n    * @type Shadows\n    */\n    --nano-shadow-l2: 0 10px 10px rgb(0 0 0 / 10%);\n\n    /*\n    * @name Shadow - Level 3\n    * @description A large shadow for raised elements.\n    * @category Shadows\n    * @type Shadows\n    */\n    --nano-shadow-l3: 0 20px 20px rgb(0 0 0 / 20%);\n\n    /*\n     * @name Overlay - Background Color\n     * @description The background color of the overlay for components like modals and drawers.\n     * @type Overlay\n     */\n    --nano-overlay-background-color: rgb(0 0 0 / 43%);\n  }\n}\n"]}