{ "version": 3, "sources": ["../../src/themes/dark.css"], "sourcesContent": ["/**\n * Baklava Design System - Dark Theme\n * This theme provides dark mode support for all Baklava components\n *\n * Usage:\n * Add data-theme=\"dark\" attribute to :root or any parent element:\n * \n *\n * Or use the .dark-theme class:\n *

\n * \n *

\n */\n\n:root[data-theme=\"dark\"],\n.dark-theme {\n /* Neutral Colors - Dark Mode */\n --bl-color-neutral-none: #f0f5ff;\n --bl-color-neutral-darkest: #f1f2f7;\n --bl-color-neutral-darker: #afbbca;\n --bl-color-neutral-dark: #95a1b5;\n --bl-color-neutral-light: #6e7787;\n --bl-color-neutral-lighter: #273142;\n --bl-color-neutral-lightest: #0f131a;\n --bl-color-neutral-full: #030713;\n\n /* Primary Color - Slightly adjusted for dark mode */\n --bl-color-primary: #fb882b;\n --bl-color-primary-highlight: #d46b00;\n --bl-color-primary-contrast: #1f1d18;\n\n /* Success Color - Adjusted for dark mode */\n --bl-color-success: #3ac96b;\n --bl-color-success-highlight: #00a84e;\n --bl-color-success-contrast: #1a1e1a;\n\n /* Danger Color - Adjusted for dark mode */\n --bl-color-danger: #fb8179;\n --bl-color-danger-highlight: #d8625b;\n --bl-color-danger-contrast: #211b1a;\n\n /* Warning Color - Adjusted for dark mode */\n --bl-color-warning: #e09b1a;\n --bl-color-warning-highlight: #ba7f00;\n --bl-color-warning-contrast: #1f1c18;\n\n /* Info Color - Adjusted for dark mode */\n --bl-color-info: #76aef5;\n --bl-color-info-highlight: #588ed4;\n --bl-color-info-contrast: #1a1d22;\n\n /* Size and Spacing */\n --bl-size-4xs: 0.125rem; /* 2px */\n --bl-size-3xs: 0.25rem; /* 4px */\n --bl-size-2xs: 0.5rem; /* 8px */\n --bl-size-xs: 0.75rem; /* 12px */\n --bl-size-s: 0.875rem; /* 14px */\n --bl-size-m: 1rem; /* 16px */\n --bl-size-l: 1.25rem; /* 20px */\n --bl-size-xl: 1.5rem; /* 24px */\n --bl-size-2xl: 2rem; /* 32px */\n --bl-size-3xl: 2.5rem; /* 40px */\n --bl-size-4xl: 3rem; /* 48px */\n --bl-size-5xl: 4rem; /* 64px */\n --bl-size-6xl: 5rem; /* 80px */\n\n /* Z-indexes */\n --bl-index-deep: -1;\n --bl-index-base: 1;\n --bl-index-popover: 100;\n --bl-index-tooltip: 200;\n --bl-index-sticky: 300;\n --bl-index-overlay: 400;\n --bl-index-dialog: 500;\n --bl-index-notification: 600;\n\n /* Typography */\n --bl-font-family: \"Rubik Variable\", sans-serif;\n\n /* Font weights */\n --bl-font-weight-light: 300;\n --bl-font-weight-regular: 400;\n --bl-font-weight-medium: 500;\n --bl-font-weight-semibold: 600;\n --bl-font-weight-bold: 700;\n\n /* Font sizes */\n --bl-font-size-2xs: 0.5rem; /* 8px */\n --bl-font-size-xs: 0.625rem; /* 10px */\n --bl-font-size-s: 0.75rem; /* 12px */\n --bl-font-size-m: 0.875rem; /* 14px */\n --bl-font-size-l: 1rem; /* 16px */\n --bl-font-size-xl: 1.25rem; /* 20px */\n --bl-font-size-2xl: 1.5rem; /* 24px */\n --bl-font-size-3xl: 1.75rem; /* 28px */\n --bl-font-size-4xl: 2rem; /* 32px */\n --bl-font-size-5xl: 3rem; /* 48px */\n --bl-font-size-6xl: 4rem; /* 64px */\n\n /* Border radius */\n --bl-border-radius-xs: 0.125rem; /* 2px */\n --bl-border-radius-s: 0.25rem; /* 4px */\n --bl-border-radius-m: 0.375rem; /* 6px */\n --bl-border-radius-l: 0.5rem; /* 8px */\n --bl-border-radius-pill: 62.438rem; /* 999px */\n --bl-border-radius-circle: 50%;\n\n /* Font Style: Display */\n --bl-font-display-font-size: var(--bl-font-size-5xl);\n --bl-font-display-line-height: calc(var(--bl-font-display-font-size) + var(--bl-size-2xs));\n --bl-font-display-size: var(--bl-font-display-font-size) / var(--bl-font-display-line-height);\n --bl-font-display: var(--bl-font-display-size) var(--bl-font-family);\n --bl-font-display-light: var(--bl-font-weight-light) var(--bl-font-display);\n --bl-font-display-regular: var(--bl-font-weight-regular) var(--bl-font-display);\n --bl-font-display-medium: var(--bl-font-weight-medium) var(--bl-font-display);\n --bl-font-display-semibold: var(--bl-font-weight-semibold) var(--bl-font-display);\n --bl-font-display-bold: var(--bl-font-weight-bold) var(--bl-font-display);\n\n /* Font Style: Heading 1 */\n --bl-font-heading-1-font-size: var(--bl-font-size-4xl);\n --bl-font-heading-1-line-height: calc(var(--bl-font-heading-1-font-size) + var(--bl-size-3xs));\n --bl-font-heading-1-size: var(--bl-font-heading-1-font-size) /\n var(--bl-font-heading-1-line-height);\n --bl-font-heading-1: var(--bl-font-heading-1-size) var(--bl-font-family);\n --bl-font-heading-1-regular: var(--bl-font-weight-regular) var(--bl-font-heading-1);\n --bl-font-heading-1-medium: var(--bl-font-weight-medium) var(--bl-font-heading-1);\n --bl-font-heading-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-1);\n --bl-font-heading-1-bold: var(--bl-font-weight-bold) var(--bl-font-heading-1);\n\n /* Font Style: Heading 2 */\n --bl-font-heading-2-font-size: var(--bl-font-size-3xl);\n --bl-font-heading-2-line-height: calc(var(--bl-font-heading-2-font-size) + var(--bl-size-3xs));\n --bl-font-heading-2-size: var(--bl-font-heading-2-font-size) /\n var(--bl-font-heading-2-line-height);\n --bl-font-heading-2: var(--bl-font-heading-2-size) var(--bl-font-family);\n --bl-font-heading-2-regular: var(--bl-font-weight-regular) var(--bl-font-heading-2);\n --bl-font-heading-2-medium: var(--bl-font-weight-medium) var(--bl-font-heading-2);\n --bl-font-heading-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-2);\n --bl-font-heading-2-bold: var(--bl-font-weight-bold) var(--bl-font-heading-2);\n\n /* Font Style: Heading 3 */\n --bl-font-heading-3-font-size: var(--bl-font-size-2xl);\n --bl-font-heading-3-line-height: calc(var(--bl-font-heading-3-font-size) + var(--bl-size-3xs));\n --bl-font-heading-3-size: var(--bl-font-heading-3-font-size) /\n var(--bl-font-heading-3-line-height);\n --bl-font-heading-3: var(--bl-font-heading-3-size) var(--bl-font-family);\n --bl-font-heading-3-regular: var(--bl-font-weight-regular) var(--bl-font-heading-3);\n --bl-font-heading-3-medium: var(--bl-font-weight-medium) var(--bl-font-heading-3);\n --bl-font-heading-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-heading-3);\n --bl-font-heading-3-bold: var(--bl-font-weight-bold) var(--bl-font-heading-3);\n\n /* Font Style: Title 1 */\n --bl-font-title-1-font-size: var(--bl-font-size-xl);\n --bl-font-title-1-line-height: calc(var(--bl-font-title-1-font-size) + var(--bl-size-3xs));\n --bl-font-title-1-size: var(--bl-font-title-1-font-size) / var(--bl-font-title-1-line-height);\n --bl-font-title-1: var(--bl-font-title-1-size) var(--bl-font-family);\n --bl-font-title-1-regular: var(--bl-font-weight-regular) var(--bl-font-title-1);\n --bl-font-title-1-medium: var(--bl-font-weight-medium) var(--bl-font-title-1);\n --bl-font-title-1-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-1);\n --bl-font-title-1-bold: var(--bl-font-weight-bold) var(--bl-font-title-1);\n\n /* Font Style: Title 2 */\n --bl-font-title-2-font-size: var(--bl-font-size-l);\n --bl-font-title-2-line-height: calc(var(--bl-font-title-2-font-size) + var(--bl-size-3xs));\n --bl-font-title-2-size: var(--bl-font-title-2-font-size) / var(--bl-font-title-2-line-height);\n --bl-font-title-2: var(--bl-font-title-2-size) var(--bl-font-family);\n --bl-font-title-2-regular: var(--bl-font-weight-regular) var(--bl-font-title-2);\n --bl-font-title-2-medium: var(--bl-font-weight-medium) var(--bl-font-title-2);\n --bl-font-title-2-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-2);\n --bl-font-title-2-bold: var(--bl-font-weight-bold) var(--bl-font-title-2);\n\n /* Font Style: Title 3 */\n --bl-font-title-3-font-size: var(--bl-font-size-m);\n --bl-font-title-3-line-height: calc(var(--bl-font-title-3-font-size) + var(--bl-size-4xs));\n --bl-font-title-3-size: var(--bl-font-title-3-font-size) / var(--bl-font-title-3-line-height);\n --bl-font-title-3: var(--bl-font-title-3-size) var(--bl-font-family);\n --bl-font-title-3-regular: var(--bl-font-weight-regular) var(--bl-font-title-3);\n --bl-font-title-3-medium: var(--bl-font-weight-medium) var(--bl-font-title-3);\n --bl-font-title-3-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-3);\n --bl-font-title-3-bold: var(--bl-font-weight-bold) var(--bl-font-title-3);\n\n /* Font Style: Title 4 */\n --bl-font-title-4-font-size: var(--bl-font-size-s);\n --bl-font-title-4-line-height: calc(var(--bl-font-title-4-font-size) + var(--bl-size-4xs));\n --bl-font-title-4-size: var(--bl-font-title-4-font-size) / var(--bl-font-title-4-line-height);\n --bl-font-title-4: var(--bl-font-title-4-size) var(--bl-font-family);\n --bl-font-title-4-regular: var(--bl-font-weight-regular) var(--bl-font-title-4);\n --bl-font-title-4-medium: var(--bl-font-weight-medium) var(--bl-font-title-4);\n --bl-font-title-4-semibold: var(--bl-font-weight-semibold) var(--bl-font-title-4);\n --bl-font-title-4-bold: var(--bl-font-weight-bold) var(--bl-font-title-4);\n\n /* Font Style: Body Text 1 */\n --bl-font-body-text-1-font-size: var(--bl-font-size-l);\n --bl-font-body-text-1-line-height: calc(\n var(--bl-font-body-text-1-font-size) + var(--bl-size-4xs)\n );\n --bl-font-body-text-1-size: var(--bl-font-body-text-1-font-size) /\n var(--bl-font-body-text-1-line-height);\n --bl-font-body-text-1: var(--bl-font-body-text-1-size) var(--bl-font-family);\n --bl-font-body-text-1-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-1);\n --bl-font-body-text-1-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-1);\n\n /* Font Style: Body Text 2 */\n --bl-font-body-text-2-font-size: var(--bl-font-size-m);\n --bl-font-body-text-2-line-height: calc(\n var(--bl-font-body-text-2-font-size) + var(--bl-size-4xs)\n );\n --bl-font-body-text-2-size: var(--bl-font-body-text-2-font-size) /\n var(--bl-font-body-text-2-line-height);\n --bl-font-body-text-2: var(--bl-font-body-text-2-size) var(--bl-font-family);\n --bl-font-body-text-2-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-2);\n --bl-font-body-text-2-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-2);\n\n /* Font Style: Body Text 3 */\n --bl-font-body-text-3-font-size: var(--bl-font-size-s);\n --bl-font-body-text-3-line-height: calc(\n var(--bl-font-body-text-3-font-size) + var(--bl-size-4xs)\n );\n --bl-font-body-text-3-size: var(--bl-font-body-text-3-font-size) /\n var(--bl-font-body-text-3-line-height);\n --bl-font-body-text-3: var(--bl-font-body-text-3-size) var(--bl-font-family);\n --bl-font-body-text-3-regular: var(--bl-font-weight-regular) var(--bl-font-body-text-3);\n --bl-font-body-text-3-medium: var(--bl-font-weight-medium) var(--bl-font-body-text-3);\n\n /* Font Style: Caption */\n --bl-font-caption-font-size: var(--bl-font-size-xs);\n --bl-font-caption-line-height: calc(var(--bl-font-caption-font-size) + var(--bl-size-4xs));\n --bl-font-caption-size: var(--bl-font-caption-font-size) / var(--bl-font-caption-line-height);\n --bl-font-caption: var(--bl-font-weight-medium) var(--bl-font-caption-size) var(--bl-font-family);\n}\n\n:root[dir=\"rtl\"] {\n /* Direction */\n direction: rtl;\n\n --bl-text-x-direction: -1;\n\n /* Typography */\n --bl-font-family: \"Cairo\";\n}\n"], "mappings": "AAcA,mCAGE,iCACA,oCACA,mCACA,iCACA,kCACA,oCACA,qCACA,iCAGA,4BACA,sCACA,qCAGA,4BACA,sCACA,qCAGA,2BACA,qCACA,oCAGA,4BACA,sCACA,qCAGA,yBACA,mCACA,kCAGA,uBACA,sBACA,qBACA,qBACA,qBACA,kBACA,qBACA,qBACA,oBACA,sBACA,oBACA,oBACA,oBAGA,oBACA,mBACA,wBACA,wBACA,uBACA,wBACA,uBACA,6BAGA,+CAGA,4BACA,8BACA,6BACA,+BACA,2BAGA,0BACA,2BACA,yBACA,0BACA,uBACA,2BACA,2BACA,4BACA,yBACA,yBACA,yBAGA,+BACA,6BACA,8BACA,4BACA,mCACA,+BAGA,qDACA,2FACA,8FACA,qEACA,4EACA,gFACA,8EACA,kFACA,0EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,uDACA,+FACA,oGAEA,yEACA,oFACA,kFACA,sFACA,8EAGA,oDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,mDACA,2FACA,8FACA,qEACA,gFACA,8EACA,kFACA,0EAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,uDACA,qGAGA,0GAEA,6EACA,wFACA,sFAGA,oDACA,2FACA,8FACA,kGAGF,eAEE,cAEA,0BAGA", "names": [] }