{"version":3,"sourceRoot":"","sources":["../src/dark.scss"],"names":[],"mappings":"AAAA,cACE,iBACE,kBAUA,8DAMA,8DAMA,+DAMA,+DAMA,+DAMA,+DAMA,gEAMA,+DAMA,+DAMA,+DAMA,+DAQA,0DAMA,2DAMA,2DAMA,2DAMA,2DAMA,2DAMA,2DAQA,2DAMA,2DAMA,4DAMA,4DAMA,6DAMA,4DAMA,4DAQA,uDAMA,wDAMA,wDAMA,wDAMA,yDAMA,wDAMA,wDAQA,0DAMA,0DAMA,0DAMA,0DAMA,2DAMA,2DAMA,0DAQA,2DAQA,0DAMA,0DAMA,2DAMA,2DAMA,2DAMA,2DAMA,2DAMA,0DAMA,0DAMA,2DAMA,2DAMA,2DAQA,sDAMA,sDAMA,kCAMA,wCAQA,uDAMA,2DAMA,2DAMA,2DAUA,2CAQA,8CAQA,+CAQA,+CAOA","file":"dark.css","sourcesContent":["@layer themes {\n  .nano-theme-dark {\n    color-scheme: dark;\n\n    /* Semantic colours */\n\n    // Primary\n\n    /*\n    * @name Primary - 50\n    * @description The darkest shade of the primary colour.\n    */\n    --nano-color-primary-50: var(--nano-color-blue-cerulean-1600);\n\n    /*\n    * @name Primary - 75\n    * @description A very dark shade of the primary colour.\n    */\n    --nano-color-primary-75: var(--nano-color-blue-cerulean-1500);\n\n    /*\n    * @name Primary - 100\n    * @description A dark shade of the primary colour.\n    */\n    --nano-color-primary-100: var(--nano-color-blue-cerulean-1500);\n\n    /*\n    * @name Primary - 300\n    * @description A medium-dark shade of the primary colour.\n    */\n    --nano-color-primary-300: var(--nano-color-blue-cerulean-1400);\n\n    /*\n    * @name Primary - 700\n    * @description A medium shade of the primary colour.\n    */\n    --nano-color-primary-700: var(--nano-color-blue-cerulean-1300);\n\n    /*\n    * @name Primary - 800\n    * @description A medium-light shade of the primary colour.\n    */\n    --nano-color-primary-800: var(--nano-color-blue-cerulean-1200);\n\n    /*\n    * @name Primary - 1000\n    * @description A light 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 A very light shade of the primary colour.\n    */\n    --nano-color-primary-1100: var(--nano-color-blue-cerulean-700);\n\n    /*\n    * @name Primary - 1200\n    * @description A lighter shade of the primary colour.\n    */\n    --nano-color-primary-1200: var(--nano-color-blue-cerulean-300);\n\n    /*\n    * @name Primary - 1300\n    * @description The lightest shade of the primary colour.\n    */\n    --nano-color-primary-1300: var(--nano-color-blue-cerulean-100);\n\n    /*\n    * @name Primary - 1400\n    * @description An almost white shade of the primary colour.\n    */\n    --nano-color-primary-1400: var(--nano-color-blue-cerulean-075);\n\n    // Notice\n\n    /*\n    * @name Notice - 75\n    * @description A very dark shade of the notice colour.\n    */\n    --nano-color-notice-75: var(--nano-color-violet-ink-1600);\n\n    /*\n    * @name Notice - 200\n    * @description A dark shade of the notice colour.\n    */\n    --nano-color-notice-200: var(--nano-color-violet-ink-1500);\n\n    /*\n    * @name Notice - 300\n    * @description A medium-dark shade of the notice colour.\n    */\n    --nano-color-notice-300: var(--nano-color-violet-ink-1400);\n\n    /*\n    * @name Notice - 800\n    * @description A medium shade of the notice colour.\n    */\n    --nano-color-notice-800: var(--nano-color-violet-ink-1300);\n\n    /*\n    * @name Notice - 1000\n    * @description A light shade of the notice colour.\n    */\n    --nano-color-notice-1000: var(--nano-color-violet-ink-900);\n\n    /*\n    * @name Notice - 1200\n    * @description A very light shade of the notice colour.\n    */\n    --nano-color-notice-1200: var(--nano-color-violet-ink-800);\n\n    /*\n    * @name Notice - 1400\n    * @description The lightest shade of the notice colour.\n    */\n    --nano-color-notice-1400: var(--nano-color-violet-ink-700);\n\n    // Success\n\n    /*\n    * @name Success - 50\n    * @description The darkest shade of the success colour.\n    */\n    --nano-color-success-50: var(--nano-color-green-leaf-1600);\n\n    /*\n    * @name Success - 75\n    * @description A very dark shade of the success colour.\n    */\n    --nano-color-success-75: var(--nano-color-green-leaf-1500);\n\n    /*\n    * @name Success - 200\n    * @description A dark shade of the success colour.\n    */\n    --nano-color-success-200: var(--nano-color-green-leaf-1400);\n\n    /*\n    * @name Success - 600\n    * @description A medium shade of the success colour.\n    */\n    --nano-color-success-600: var(--nano-color-green-leaf-1300);\n\n    /*\n    * @name Success - 1000\n    * @description A light 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 A very light shade of the success colour.\n    */\n    --nano-color-success-1100: var(--nano-color-green-leaf-800);\n\n    /*\n    * @name Success - 1200\n    * @description The lightest shade of the success colour.\n    */\n    --nano-color-success-1200: var(--nano-color-green-leaf-700);\n\n    // Warning\n\n    /*\n    * @name Warning - 75\n    * @description A very dark shade of the warning colour.\n    */\n    --nano-color-warning-75: var(--nano-color-orange-1600);\n\n    /*\n    * @name Warning - 200\n    * @description A dark shade of the warning colour.\n    */\n    --nano-color-warning-200: var(--nano-color-orange-1500);\n\n    /*\n    * @name Warning - 300\n    * @description A medium-dark shade of the warning colour.\n    */\n    --nano-color-warning-300: var(--nano-color-orange-1400);\n\n    /*\n    * @name Warning - 600\n    * @description A medium shade of the warning colour.\n    */\n    --nano-color-warning-600: var(--nano-color-orange-1100);\n\n    /*\n    * @name Warning - 1000\n    * @description A light shade of the warning colour.\n    */\n    --nano-color-warning-1000: var(--nano-color-orange-1000);\n\n    /*\n    * @name Warning - 1100\n    * @description A very light shade of the warning colour.\n    */\n    --nano-color-warning-1100: var(--nano-color-orange-900);\n\n    /*\n    * @name Warning - 1200\n    * @description The lightest shade of the warning colour.\n    */\n    --nano-color-warning-1200: var(--nano-color-orange-800);\n\n    // Danger\n\n    /*\n    * @name Danger - 100\n    * @description A very dark shade of the danger colour.\n    */\n    --nano-color-danger-100: var(--nano-color-red-brick-1600);\n\n    /*\n    * @name Danger - 300\n    * @description A dark shade of the danger colour.\n    */\n    --nano-color-danger-300: var(--nano-color-red-brick-1500);\n\n    /*\n    * @name Danger - 400\n    * @description A medium-dark shade of the danger colour.\n    */\n    --nano-color-danger-400: var(--nano-color-red-brick-1400);\n\n    /*\n    * @name Danger - 800\n    * @description A medium shade of the danger colour.\n    */\n    --nano-color-danger-800: var(--nano-color-red-brick-1300);\n\n    /*\n    * @name Danger - 1000\n    * @description A light shade of the danger colour.\n    */\n    --nano-color-danger-1000: var(--nano-color-red-brick-1100);\n\n    /*\n    * @name Danger - 1100\n    * @description A very light shade of the danger colour.\n    */\n    --nano-color-danger-1100: var(--nano-color-red-brick-1000);\n\n    /*\n    * @name Danger - 1200\n    * @description The lightest shade of the danger colour.\n    */\n    --nano-color-danger-1200: var(--nano-color-red-brick-900);\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-1000);\n\n    // Neutral\n\n    /*\n    * @name Neutral - 50\n    * @description The darkest shade of the neutral colour.\n    */\n    --nano-color-neutral-50: var(--nano-color-grey-mono-1550);\n\n    /*\n    * @name Neutral - 75\n    * @description A very dark shade of the neutral colour.\n    */\n    --nano-color-neutral-75: var(--nano-color-grey-mono-1500);\n\n    /*\n    * @name Neutral - 100\n    * @description A dark shade of the neutral colour.\n    */\n    --nano-color-neutral-100: var(--nano-color-grey-mono-1400);\n\n    /*\n    * @name Neutral - 200\n    * @description A medium-dark shade of the neutral colour.\n    */\n    --nano-color-neutral-200: var(--nano-color-grey-mono-1300);\n\n    /*\n    * @name Neutral - 300\n    * @description A medium shade of the neutral colour.\n    */\n    --nano-color-neutral-300: var(--nano-color-grey-mono-1200);\n\n    /*\n    * @name Neutral - 400\n    * @description A medium-light shade of the neutral colour.\n    */\n    --nano-color-neutral-400: var(--nano-color-grey-mono-1100);\n\n    /*\n    * @name Neutral - 700\n    * @description A light shade of the neutral colour.\n    */\n    --nano-color-neutral-700: var(--nano-color-grey-mono-1000);\n\n    /*\n    * @name Neutral - 800\n    * @description A very light shade of the neutral colour.\n    */\n    --nano-color-neutral-800: var(--nano-color-grey-mono-900);\n\n    /*\n    * @name Neutral - 900\n    * @description A lighter shade of the neutral colour.\n    */\n    --nano-color-neutral-900: var(--nano-color-grey-mono-800);\n\n    /*\n    * @name Neutral - 1000\n    * @description The lightest shade of the neutral colour.\n    */\n    --nano-color-neutral-1000: var(--nano-color-grey-mono-400);\n\n    /*\n    * @name Neutral - 1200\n    * @description An almost white shade of the neutral colour.\n    */\n    --nano-color-neutral-1200: var(--nano-color-grey-mono-300);\n\n    /*\n    * @name Neutral - 1400\n    * @description A very light neutral colour.\n    */\n    --nano-color-neutral-1400: var(--nano-color-grey-mono-200);\n\n    // Base (Background and text)\n\n    /*\n    * @name Base - 0\n    * @description The base black colour.\n    */\n    --nano-color-base-0: var(--nano-color-grey-mono-1600);\n\n    /*\n    * @name Base - 1000\n    * @description The base white colour.\n    */\n    --nano-color-base-1000: var(--nano-color-basic-white);\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: 24 24 24;\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: 255 255 255;\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-basic-black);\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-grey-mono-1500);\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-grey-mono-1400);\n\n    /*\n      * @name Surface - 300\n      * @description A colour which indicates a raised surface.\n    */\n    --nano-color-surface-300: var(--nano-color-grey-mono-1300);\n\n    // Shadows\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 / 55%);\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 / 45%);\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 / 40%);\n\n    /*\n    * @name Shadow - Level 3\n    * @description A large shadow for significantly raised elements.\n    * @category Shadows\n    * @type Shadows\n    */\n    --nano-shadow-l3: 0 20px 20px rgb(0 0 0 / 35%);\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 / 73%);\n  }\n}\n"]}