npm - css-is-awesome - Versions diffs - 1.1.0 - Mend

css-is-awesome 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (198) hide show

package/AGENTS.md +343 -0
package/CHANGELOG.md +1036 -0
package/CLAUDE.md +9 -0
package/CONTRACT.md +580 -0
package/GEMINI.md +9 -0
package/LICENSE +21 -0
package/LICENSE-third-party +88 -0
package/MIGRATION.md +312 -0
package/README.md +380 -0
package/ROADMAP.md +714 -0
package/THEMING.md +290 -0
package/THREE-TIERS.md +158 -0
package/VERSIONING.md +200 -0
package/_index.scss +34 -0
package/api.scss +16 -0
package/bin/README.md +57 -0
package/bin/cia.cjs +114 -0
package/bin/migrate-bootstrap.cjs +427 -0
package/bin/migrate-tailwind.cjs +832 -0
package/css-is-awesome.instructions.md +533 -0
package/dist/css-is-awesome.core.css +598 -0
package/dist/css-is-awesome.core.min.css +1 -0
package/dist/css-is-awesome.css +3733 -0
package/dist/css-is-awesome.min.css +1 -0
package/dist/css-is-awesome.utilities.css +2445 -0
package/dist/css-is-awesome.utilities.min.css +1 -0
package/dist/tokens.css +508 -0
package/dist/tokens.d.ts +266 -0
package/dist/tokens.min.css +1 -0
package/figma-tokens/README.md +57 -0
package/figma-tokens/primitives-brand.scss +121 -0
package/figma-tokens/semantic-dark.scss +61 -0
package/figma-tokens/semantic-light.scss +61 -0
package/figma-tokens/tokens.json +144 -0
package/llm.txt +183 -0
package/mcp/server.cjs +1495 -0
package/package.json +199 -0
package/public/icons/README.md +278 -0
package/public/icons/arrow-right.svg +4 -0
package/public/icons/check.svg +4 -0
package/public/icons/chevron-down.svg +4 -0
package/public/icons/close.svg +4 -0
package/public/icons/core/arrow-down.svg +13 -0
package/public/icons/core/arrow-left.svg +13 -0
package/public/icons/core/arrow-right.svg +13 -0
package/public/icons/core/arrow-up.svg +13 -0
package/public/icons/core/bell.svg +13 -0
package/public/icons/core/calendar.svg +15 -0
package/public/icons/core/check.svg +12 -0
package/public/icons/core/chevron-down.svg +12 -0
package/public/icons/core/chevron-left.svg +12 -0
package/public/icons/core/chevron-right.svg +12 -0
package/public/icons/core/chevron-up.svg +12 -0
package/public/icons/core/clock.svg +13 -0
package/public/icons/core/close.svg +13 -0
package/public/icons/core/copy.svg +13 -0
package/public/icons/core/download.svg +14 -0
package/public/icons/core/edit.svg +13 -0
package/public/icons/core/error.svg +14 -0
package/public/icons/core/external-link.svg +14 -0
package/public/icons/core/eye-off.svg +15 -0
package/public/icons/core/eye.svg +13 -0
package/public/icons/core/filter.svg +12 -0
package/public/icons/core/heart.svg +12 -0
package/public/icons/core/help.svg +14 -0
package/public/icons/core/home.svg +13 -0
package/public/icons/core/info.svg +14 -0
package/public/icons/core/loading.svg +12 -0
package/public/icons/core/lock.svg +13 -0
package/public/icons/core/mail.svg +13 -0
package/public/icons/core/menu.svg +14 -0
package/public/icons/core/message.svg +12 -0
package/public/icons/core/minus.svg +12 -0
package/public/icons/core/more-horizontal.svg +14 -0
package/public/icons/core/pause.svg +13 -0
package/public/icons/core/play.svg +12 -0
package/public/icons/core/plus.svg +13 -0
package/public/icons/core/refresh.svg +15 -0
package/public/icons/core/save.svg +14 -0
package/public/icons/core/search.svg +13 -0
package/public/icons/core/settings.svg +13 -0
package/public/icons/core/share.svg +14 -0
package/public/icons/core/sort.svg +15 -0
package/public/icons/core/star.svg +12 -0
package/public/icons/core/success.svg +13 -0
package/public/icons/core/trash.svg +16 -0
package/public/icons/core/unlock.svg +13 -0
package/public/icons/core/upload.svg +14 -0
package/public/icons/core/user.svg +13 -0
package/public/icons/core/users.svg +15 -0
package/public/icons/core/warning.svg +14 -0
package/public/icons/download.svg +4 -0
package/public/icons/edit.svg +4 -0
package/public/icons/menu.svg +4 -0
package/public/icons/search.svg +4 -0
package/public/theme.css +4179 -0
package/public/themes/README.md +102 -0
package/public/themes/boilerplate/theme.css +154 -0
package/public/themes/boilerplate-dark/theme.css +171 -0
package/public/themes/boilerplate-light/theme.css +171 -0
package/public/themes/cupertino/theme.css +165 -0
package/public/themes/cupertino-dark/theme.css +200 -0
package/public/themes/cupertino-light/theme.css +227 -0
package/public/themes/glass/theme.css +190 -0
package/public/themes/glass-dark/theme.css +201 -0
package/public/themes/glass-light/theme.css +229 -0
package/public/themes/graphite/theme.css +155 -0
package/public/themes/graphite-dark/theme.css +223 -0
package/public/themes/graphite-light/theme.css +191 -0
package/public/themes/press/theme.css +189 -0
package/public/themes/press-dark/theme.css +199 -0
package/public/themes/press-light/theme.css +235 -0
package/public/themes/prism/theme.css +159 -0
package/public/themes/prism-dark/theme.css +185 -0
package/public/themes/prism-light/theme.css +188 -0
package/public/themes/sketchbook/theme.css +152 -0
package/public/themes/sketchbook-dark/theme.css +194 -0
package/public/themes/sketchbook-light/theme.css +188 -0
package/public/themes/terminal/theme.css +159 -0
package/public/themes/terminal-dark/theme.css +229 -0
package/public/themes/terminal-light/theme.css +152 -0
package/scripts/README.md +70 -0
package/scripts/icon-contract.json +67 -0
package/scripts/icon-validator.js +205 -0
package/scripts/prepare-dist.mjs +65 -0
package/scripts/theme-a11y.js +415 -0
package/scripts/theme-contract.json +171 -0
package/scripts/theme-validator.js +674 -0
package/scss/README.md +55 -0
package/scss/_animations-utilities.scss +107 -0
package/scss/_animations.scss +248 -0
package/scss/_app-styles.scss +15 -0
package/scss/_generator.scss +174 -0
package/scss/_icons.scss +475 -0
package/scss/_index.scss +17 -0
package/scss/_layout.scss +597 -0
package/scss/_mixins.scss +1036 -0
package/scss/_system.scss +291 -0
package/scss/_utilities.scss +377 -0
package/scss/api.scss +61 -0
package/scss/components/_accordion.scss +72 -0
package/scss/components/_buttons.scss +171 -0
package/scss/components/_copy-button.scss +69 -0
package/scss/components/_data.scss +190 -0
package/scss/components/_feedback.scss +197 -0
package/scss/components/_forms.scss +272 -0
package/scss/components/_index.scss +17 -0
package/scss/components/_navigation.scss +186 -0
package/scss/components/_overlay.scss +259 -0
package/scss/components/_stepper.scss +159 -0
package/scss/components/_tabs.scss +72 -0
package/scss/core.scss +54 -0
package/scss/examples/_theming.scss +107 -0
package/scss/examples/_usage.scss +317 -0
package/scss/main.scss +64 -0
package/scss/recipes/README.md +110 -0
package/scss/recipes/_bare-tags.scss +232 -0
package/scss/recipes/_recipe-template.md +119 -0
package/scss/recipes/combobox.md +509 -0
package/scss/recipes/dialog.md +265 -0
package/scss/recipes/print-to-pdf.md +263 -0
package/scss/theme/README.md +67 -0
package/scss/theme/_brand.scss +18 -0
package/scss/theme/_colors-dark.scss +68 -0
package/scss/theme/_colors-light.scss +70 -0
package/scss/theme/_components.scss +94 -0
package/scss/theme/_icons.scss +104 -0
package/scss/theme/_index.scss +62 -0
package/scss/theme/_shadows.scss +65 -0
package/scss/theme/_shape.scss +13 -0
package/scss/theme/_typography.scss +9 -0
package/scss/theme/registry.json +447 -0
package/scss/themes/boilerplate-dark.scss +212 -0
package/scss/themes/boilerplate-light.scss +209 -0
package/scss/themes/boilerplate.scss +181 -0
package/scss/themes/cupertino-dark.scss +238 -0
package/scss/themes/cupertino-light.scss +266 -0
package/scss/themes/cupertino.scss +194 -0
package/scss/themes/glass-dark.scss +238 -0
package/scss/themes/glass-light.scss +266 -0
package/scss/themes/glass.scss +220 -0
package/scss/themes/graphite-dark.scss +260 -0
package/scss/themes/graphite-light.scss +228 -0
package/scss/themes/graphite.scss +182 -0
package/scss/themes/press-dark.scss +237 -0
package/scss/themes/press-light.scss +273 -0
package/scss/themes/press.scss +241 -0
package/scss/themes/prism-dark.scss +217 -0
package/scss/themes/prism-light.scss +220 -0
package/scss/themes/prism.scss +190 -0
package/scss/themes/sketchbook-dark.scss +231 -0
package/scss/themes/sketchbook-light.scss +231 -0
package/scss/themes/sketchbook.scss +178 -0
package/scss/themes/terminal-dark.scss +267 -0
package/scss/themes/terminal-light.scss +175 -0
package/scss/themes/terminal.scss +185 -0
package/scss/tokens.scss +23 -0
package/scss/utilities-only.scss +4 -0

package/dist/css-is-awesome.utilities.min.css ADDED Viewed

@@ -0,0 +1 @@

+ .cia-m-1{margin:.5rem}.cia-mt-1{margin-top:.5rem}.cia-mr-1{margin-right:.5rem}.cia-mb-1{margin-bottom:.5rem}.cia-ml-1{margin-left:.5rem}.cia-p-1{padding:.5rem}.cia-pt-1{padding-top:.5rem}.cia-pr-1{padding-right:.5rem}.cia-pb-1{padding-bottom:.5rem}.cia-pl-1{padding-left:.5rem}.cia-mx-1{margin-left:.5rem;margin-right:.5rem}.cia-my-1{margin-top:.5rem;margin-bottom:.5rem}.cia-px-1{padding-left:.5rem;padding-right:.5rem}.cia-py-1{padding-top:.5rem;padding-bottom:.5rem}.cia-m-2{margin:.75rem}.cia-mt-2{margin-top:.75rem}.cia-mr-2{margin-right:.75rem}.cia-mb-2{margin-bottom:.75rem}.cia-ml-2{margin-left:.75rem}.cia-p-2{padding:.75rem}.cia-pt-2{padding-top:.75rem}.cia-pr-2{padding-right:.75rem}.cia-pb-2{padding-bottom:.75rem}.cia-pl-2{padding-left:.75rem}.cia-mx-2{margin-left:.75rem;margin-right:.75rem}.cia-my-2{margin-top:.75rem;margin-bottom:.75rem}.cia-px-2{padding-left:.75rem;padding-right:.75rem}.cia-py-2{padding-top:.75rem;padding-bottom:.75rem}.cia-m-3{margin:.875rem}.cia-mt-3{margin-top:.875rem}.cia-mr-3{margin-right:.875rem}.cia-mb-3{margin-bottom:.875rem}.cia-ml-3{margin-left:.875rem}.cia-p-3{padding:.875rem}.cia-pt-3{padding-top:.875rem}.cia-pr-3{padding-right:.875rem}.cia-pb-3{padding-bottom:.875rem}.cia-pl-3{padding-left:.875rem}.cia-mx-3{margin-left:.875rem;margin-right:.875rem}.cia-my-3{margin-top:.875rem;margin-bottom:.875rem}.cia-px-3{padding-left:.875rem;padding-right:.875rem}.cia-py-3{padding-top:.875rem;padding-bottom:.875rem}.cia-m-4{margin:1rem}.cia-mt-4{margin-top:1rem}.cia-mr-4{margin-right:1rem}.cia-mb-4{margin-bottom:1rem}.cia-ml-4{margin-left:1rem}.cia-p-4{padding:1rem}.cia-pt-4{padding-top:1rem}.cia-pr-4{padding-right:1rem}.cia-pb-4{padding-bottom:1rem}.cia-pl-4{padding-left:1rem}.cia-mx-4{margin-left:1rem;margin-right:1rem}.cia-my-4{margin-top:1rem;margin-bottom:1rem}.cia-px-4{padding-left:1rem;padding-right:1rem}.cia-py-4{padding-top:1rem;padding-bottom:1rem}.cia-m-5{margin:1.5rem}.cia-mt-5{margin-top:1.5rem}.cia-mr-5{margin-right:1.5rem}.cia-mb-5{margin-bottom:1.5rem}.cia-ml-5{margin-left:1.5rem}.cia-p-5{padding:1.5rem}.cia-pt-5{padding-top:1.5rem}.cia-pr-5{padding-right:1.5rem}.cia-pb-5{padding-bottom:1.5rem}.cia-pl-5{padding-left:1.5rem}.cia-mx-5{margin-left:1.5rem;margin-right:1.5rem}.cia-my-5{margin-top:1.5rem;margin-bottom:1.5rem}.cia-px-5{padding-left:1.5rem;padding-right:1.5rem}.cia-py-5{padding-top:1.5rem;padding-bottom:1.5rem}.cia-m-6{margin:2rem}.cia-mt-6{margin-top:2rem}.cia-mr-6{margin-right:2rem}.cia-mb-6{margin-bottom:2rem}.cia-ml-6{margin-left:2rem}.cia-p-6{padding:2rem}.cia-pt-6{padding-top:2rem}.cia-pr-6{padding-right:2rem}.cia-pb-6{padding-bottom:2rem}.cia-pl-6{padding-left:2rem}.cia-mx-6{margin-left:2rem;margin-right:2rem}.cia-my-6{margin-top:2rem;margin-bottom:2rem}.cia-px-6{padding-left:2rem;padding-right:2rem}.cia-py-6{padding-top:2rem;padding-bottom:2rem}.cia-m-7{margin:3rem}.cia-mt-7{margin-top:3rem}.cia-mr-7{margin-right:3rem}.cia-mb-7{margin-bottom:3rem}.cia-ml-7{margin-left:3rem}.cia-p-7{padding:3rem}.cia-pt-7{padding-top:3rem}.cia-pr-7{padding-right:3rem}.cia-pb-7{padding-bottom:3rem}.cia-pl-7{padding-left:3rem}.cia-mx-7{margin-left:3rem;margin-right:3rem}.cia-my-7{margin-top:3rem;margin-bottom:3rem}.cia-px-7{padding-left:3rem;padding-right:3rem}.cia-py-7{padding-top:3rem;padding-bottom:3rem}.cia-m-8{margin:4rem}.cia-mt-8{margin-top:4rem}.cia-mr-8{margin-right:4rem}.cia-mb-8{margin-bottom:4rem}.cia-ml-8{margin-left:4rem}.cia-p-8{padding:4rem}.cia-pt-8{padding-top:4rem}.cia-pr-8{padding-right:4rem}.cia-pb-8{padding-bottom:4rem}.cia-pl-8{padding-left:4rem}.cia-mx-8{margin-left:4rem;margin-right:4rem}.cia-my-8{margin-top:4rem;margin-bottom:4rem}.cia-px-8{padding-left:4rem;padding-right:4rem}.cia-py-8{padding-top:4rem;padding-bottom:4rem}.cia-m-9{margin:6rem}.cia-mt-9{margin-top:6rem}.cia-mr-9{margin-right:6rem}.cia-mb-9{margin-bottom:6rem}.cia-ml-9{margin-left:6rem}.cia-p-9{padding:6rem}.cia-pt-9{padding-top:6rem}.cia-pr-9{padding-right:6rem}.cia-pb-9{padding-bottom:6rem}.cia-pl-9{padding-left:6rem}.cia-mx-9{margin-left:6rem;margin-right:6rem}.cia-my-9{margin-top:6rem;margin-bottom:6rem}.cia-px-9{padding-left:6rem;padding-right:6rem}.cia-py-9{padding-top:6rem;padding-bottom:6rem}.cia-m-0{margin:0}.cia-mt-0{margin-top:0}.cia-mr-0{margin-right:0}.cia-mb-0{margin-bottom:0}.cia-ml-0{margin-left:0}.cia-p-0{padding:0}.cia-pt-0{padding-top:0}.cia-pr-0{padding-right:0}.cia-pb-0{padding-bottom:0}.cia-pl-0{padding-left:0}.cia-mx-0{margin-left:0;margin-right:0}.cia-my-0{margin-top:0;margin-bottom:0}.cia-px-0{padding-left:0;padding-right:0}.cia-py-0{padding-top:0;padding-bottom:0}.cia-m-none{margin:0}.cia-mt-none{margin-top:0}.cia-mr-none{margin-right:0}.cia-mb-none{margin-bottom:0}.cia-ml-none{margin-left:0}.cia-p-none{padding:0}.cia-pt-none{padding-top:0}.cia-pr-none{padding-right:0}.cia-pb-none{padding-bottom:0}.cia-pl-none{padding-left:0}.cia-mx-none{margin-left:0;margin-right:0}.cia-my-none{margin-top:0;margin-bottom:0}.cia-px-none{padding-left:0;padding-right:0}.cia-py-none{padding-top:0;padding-bottom:0}.cia-m-2xs{margin:.25rem}.cia-mt-2xs{margin-top:.25rem}.cia-mr-2xs{margin-right:.25rem}.cia-mb-2xs{margin-bottom:.25rem}.cia-ml-2xs{margin-left:.25rem}.cia-p-2xs{padding:.25rem}.cia-pt-2xs{padding-top:.25rem}.cia-pr-2xs{padding-right:.25rem}.cia-pb-2xs{padding-bottom:.25rem}.cia-pl-2xs{padding-left:.25rem}.cia-mx-2xs{margin-left:.25rem;margin-right:.25rem}.cia-my-2xs{margin-top:.25rem;margin-bottom:.25rem}.cia-px-2xs{padding-left:.25rem;padding-right:.25rem}.cia-py-2xs{padding-top:.25rem;padding-bottom:.25rem}.cia-m-xs{margin:.5rem}.cia-mt-xs{margin-top:.5rem}.cia-mr-xs{margin-right:.5rem}.cia-mb-xs{margin-bottom:.5rem}.cia-ml-xs{margin-left:.5rem}.cia-p-xs{padding:.5rem}.cia-pt-xs{padding-top:.5rem}.cia-pr-xs{padding-right:.5rem}.cia-pb-xs{padding-bottom:.5rem}.cia-pl-xs{padding-left:.5rem}.cia-mx-xs{margin-left:.5rem;margin-right:.5rem}.cia-my-xs{margin-top:.5rem;margin-bottom:.5rem}.cia-px-xs{padding-left:.5rem;padding-right:.5rem}.cia-py-xs{padding-top:.5rem;padding-bottom:.5rem}.cia-m-sm{margin:.75rem}.cia-mt-sm{margin-top:.75rem}.cia-mr-sm{margin-right:.75rem}.cia-mb-sm{margin-bottom:.75rem}.cia-ml-sm{margin-left:.75rem}.cia-p-sm{padding:.75rem}.cia-pt-sm{padding-top:.75rem}.cia-pr-sm{padding-right:.75rem}.cia-pb-sm{padding-bottom:.75rem}.cia-pl-sm{padding-left:.75rem}.cia-mx-sm{margin-left:.75rem;margin-right:.75rem}.cia-my-sm{margin-top:.75rem;margin-bottom:.75rem}.cia-px-sm{padding-left:.75rem;padding-right:.75rem}.cia-py-sm{padding-top:.75rem;padding-bottom:.75rem}.cia-m-md{margin:1rem}.cia-mt-md{margin-top:1rem}.cia-mr-md{margin-right:1rem}.cia-mb-md{margin-bottom:1rem}.cia-ml-md{margin-left:1rem}.cia-p-md{padding:1rem}.cia-pt-md{padding-top:1rem}.cia-pr-md{padding-right:1rem}.cia-pb-md{padding-bottom:1rem}.cia-pl-md{padding-left:1rem}.cia-mx-md{margin-left:1rem;margin-right:1rem}.cia-my-md{margin-top:1rem;margin-bottom:1rem}.cia-px-md{padding-left:1rem;padding-right:1rem}.cia-py-md{padding-top:1rem;padding-bottom:1rem}.cia-m-lg{margin:1.5rem}.cia-mt-lg{margin-top:1.5rem}.cia-mr-lg{margin-right:1.5rem}.cia-mb-lg{margin-bottom:1.5rem}.cia-ml-lg{margin-left:1.5rem}.cia-p-lg{padding:1.5rem}.cia-pt-lg{padding-top:1.5rem}.cia-pr-lg{padding-right:1.5rem}.cia-pb-lg{padding-bottom:1.5rem}.cia-pl-lg{padding-left:1.5rem}.cia-mx-lg{margin-left:1.5rem;margin-right:1.5rem}.cia-my-lg{margin-top:1.5rem;margin-bottom:1.5rem}.cia-px-lg{padding-left:1.5rem;padding-right:1.5rem}.cia-py-lg{padding-top:1.5rem;padding-bottom:1.5rem}.cia-m-xl{margin:2rem}.cia-mt-xl{margin-top:2rem}.cia-mr-xl{margin-right:2rem}.cia-mb-xl{margin-bottom:2rem}.cia-ml-xl{margin-left:2rem}.cia-p-xl{padding:2rem}.cia-pt-xl{padding-top:2rem}.cia-pr-xl{padding-right:2rem}.cia-pb-xl{padding-bottom:2rem}.cia-pl-xl{padding-left:2rem}.cia-mx-xl{margin-left:2rem;margin-right:2rem}.cia-my-xl{margin-top:2rem;margin-bottom:2rem}.cia-px-xl{padding-left:2rem;padding-right:2rem}.cia-py-xl{padding-top:2rem;padding-bottom:2rem}.cia-m-2xl{margin:3rem}.cia-mt-2xl{margin-top:3rem}.cia-mr-2xl{margin-right:3rem}.cia-mb-2xl{margin-bottom:3rem}.cia-ml-2xl{margin-left:3rem}.cia-p-2xl{padding:3rem}.cia-pt-2xl{padding-top:3rem}.cia-pr-2xl{padding-right:3rem}.cia-pb-2xl{padding-bottom:3rem}.cia-pl-2xl{padding-left:3rem}.cia-mx-2xl{margin-left:3rem;margin-right:3rem}.cia-my-2xl{margin-top:3rem;margin-bottom:3rem}.cia-px-2xl{padding-left:3rem;padding-right:3rem}.cia-py-2xl{padding-top:3rem;padding-bottom:3rem}.cia-m-3xl{margin:4rem}.cia-mt-3xl{margin-top:4rem}.cia-mr-3xl{margin-right:4rem}.cia-mb-3xl{margin-bottom:4rem}.cia-ml-3xl{margin-left:4rem}.cia-p-3xl{padding:4rem}.cia-pt-3xl{padding-top:4rem}.cia-pr-3xl{padding-right:4rem}.cia-pb-3xl{padding-bottom:4rem}.cia-pl-3xl{padding-left:4rem}.cia-mx-3xl{margin-left:4rem;margin-right:4rem}.cia-my-3xl{margin-top:4rem;margin-bottom:4rem}.cia-px-3xl{padding-left:4rem;padding-right:4rem}.cia-py-3xl{padding-top:4rem;padding-bottom:4rem}.cia-m-4xl{margin:6rem}.cia-mt-4xl{margin-top:6rem}.cia-mr-4xl{margin-right:6rem}.cia-mb-4xl{margin-bottom:6rem}.cia-ml-4xl{margin-left:6rem}.cia-p-4xl{padding:6rem}.cia-pt-4xl{padding-top:6rem}.cia-pr-4xl{padding-right:6rem}.cia-pb-4xl{padding-bottom:6rem}.cia-pl-4xl{padding-left:6rem}.cia-mx-4xl{margin-left:6rem;margin-right:6rem}.cia-my-4xl{margin-top:6rem;margin-bottom:6rem}.cia-px-4xl{padding-left:6rem;padding-right:6rem}.cia-py-4xl{padding-top:6rem;padding-bottom:6rem}.cia-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.cia-m-auto{margin:auto}.cia-mx-auto{margin-left:auto;margin-right:auto}.cia-my-auto{margin-top:auto;margin-bottom:auto}.cia-ml-auto{margin-left:auto}.cia-mr-auto{margin-right:auto}.cia-mt-auto{margin-top:auto}.cia-mb-auto{margin-bottom:auto}.cia-gap-1{gap:.5rem}.cia-gap-x-1{column-gap:.5rem}.cia-gap-y-1{row-gap:.5rem}.cia-gap-2{gap:.75rem}.cia-gap-x-2{column-gap:.75rem}.cia-gap-y-2{row-gap:.75rem}.cia-gap-3{gap:.875rem}.cia-gap-x-3{column-gap:.875rem}.cia-gap-y-3{row-gap:.875rem}.cia-gap-4{gap:1rem}.cia-gap-x-4{column-gap:1rem}.cia-gap-y-4{row-gap:1rem}.cia-gap-5{gap:1.5rem}.cia-gap-x-5{column-gap:1.5rem}.cia-gap-y-5{row-gap:1.5rem}.cia-gap-6{gap:2rem}.cia-gap-x-6{column-gap:2rem}.cia-gap-y-6{row-gap:2rem}.cia-gap-7{gap:3rem}.cia-gap-x-7{column-gap:3rem}.cia-gap-y-7{row-gap:3rem}.cia-gap-8{gap:4rem}.cia-gap-x-8{column-gap:4rem}.cia-gap-y-8{row-gap:4rem}.cia-gap-9{gap:6rem}.cia-gap-x-9{column-gap:6rem}.cia-gap-y-9{row-gap:6rem}.cia-gap-0{gap:0}.cia-gap-x-0{column-gap:0}.cia-gap-y-0{row-gap:0}.cia-gap-none{gap:0}.cia-gap-x-none{column-gap:0}.cia-gap-y-none{row-gap:0}.cia-gap-2xs{gap:.25rem}.cia-gap-x-2xs{column-gap:.25rem}.cia-gap-y-2xs{row-gap:.25rem}.cia-gap-xs{gap:.5rem}.cia-gap-x-xs{column-gap:.5rem}.cia-gap-y-xs{row-gap:.5rem}.cia-gap-sm{gap:.75rem}.cia-gap-x-sm{column-gap:.75rem}.cia-gap-y-sm{row-gap:.75rem}.cia-gap-md{gap:1rem}.cia-gap-x-md{column-gap:1rem}.cia-gap-y-md{row-gap:1rem}.cia-gap-lg{gap:1.5rem}.cia-gap-x-lg{column-gap:1.5rem}.cia-gap-y-lg{row-gap:1.5rem}.cia-gap-xl{gap:2rem}.cia-gap-x-xl{column-gap:2rem}.cia-gap-y-xl{row-gap:2rem}.cia-gap-2xl{gap:3rem}.cia-gap-x-2xl{column-gap:3rem}.cia-gap-y-2xl{row-gap:3rem}.cia-gap-3xl{gap:4rem}.cia-gap-x-3xl{column-gap:4rem}.cia-gap-y-3xl{row-gap:4rem}.cia-gap-4xl{gap:6rem}.cia-gap-x-4xl{column-gap:6rem}.cia-gap-y-4xl{row-gap:6rem}.cia-text-1{font-size:var(--font-size-1, 0.75rem)}.cia-text-2{font-size:var(--font-size-2, 0.875rem)}.cia-text-3{font-size:var(--font-size-3, 1rem)}.cia-text-4{font-size:var(--font-size-4, 1.125rem)}.cia-text-5{font-size:var(--font-size-5, 1.25rem)}.cia-text-6{font-size:var(--font-size-6, 1.5rem)}.cia-text-7{font-size:var(--font-size-7, 1.875rem)}.cia-text-8{font-size:var(--font-size-8, 2.25rem)}.cia-text-9{font-size:var(--font-size-9, 3rem)}.cia-text-10{font-size:var(--font-size-10, 3.75rem)}.cia-text-xs{font-size:var(--font-size-xs, 0.75rem)}.cia-text-sm{font-size:var(--font-size-sm, 0.875rem)}.cia-text-base{font-size:var(--font-size-base, 1rem)}.cia-text-lg{font-size:var(--font-size-lg, 1.125rem)}.cia-text-xl{font-size:var(--font-size-xl, 1.25rem)}.cia-text-2xl{font-size:var(--font-size-2xl, 1.5rem)}.cia-text-3xl{font-size:var(--font-size-3xl, 1.875rem)}.cia-text-4xl{font-size:var(--font-size-4xl, 2.25rem)}.cia-text-5xl{font-size:var(--font-size-5xl, 3rem)}.cia-text-6xl{font-size:var(--font-size-6xl, 3.75rem)}.cia-font-light{font-weight:var(--font-weight-light, 300)}.cia-font-normal{font-weight:var(--font-weight-normal, 400)}.cia-font-medium{font-weight:var(--font-weight-medium, 500)}.cia-font-semibold{font-weight:var(--font-weight-semibold, 600)}.cia-font-bold{font-weight:var(--font-weight-bold, 700)}.cia-font-black{font-weight:var(--font-weight-black, 900)}.cia-leading-1{line-height:1}.cia-leading-2{line-height:1.25}.cia-leading-3{line-height:1.375}.cia-leading-4{line-height:1.5}.cia-leading-5{line-height:1.625}.cia-leading-6{line-height:2}.cia-leading-none{line-height:1}.cia-leading-tight{line-height:1.25}.cia-leading-snug{line-height:1.375}.cia-leading-normal{line-height:1.5}.cia-leading-relaxed{line-height:1.625}.cia-leading-loose{line-height:2}.cia-tracking-tighter{letter-spacing:-0.05em}.cia-tracking-tight{letter-spacing:-0.025em}.cia-tracking-normal{letter-spacing:0em}.cia-tracking-wide{letter-spacing:.025em}.cia-tracking-wider{letter-spacing:.05em}.cia-tracking-widest{letter-spacing:.1em}.cia-text-left{text-align:left}.cia-text-center{text-align:center}.cia-text-right{text-align:right}.cia-text-justify{text-align:justify}.cia-uppercase{text-transform:uppercase}.cia-lowercase{text-transform:lowercase}.cia-capitalize{text-transform:capitalize}.cia-normal-case{text-transform:none}.cia-underline{text-decoration:underline}.cia-line-through{text-decoration:line-through}.cia-no-underline{text-decoration:none}.cia-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cia-whitespace-nowrap{white-space:nowrap}.cia-whitespace-normal{white-space:normal}.cia-break-words{overflow-wrap:break-word}.cia-text-text-primary{color:var(--text-primary)}.cia-text-text-secondary{color:var(--text-secondary)}.cia-text-text-muted{color:var(--text-muted)}.cia-text-text-inverse{color:var(--text-inverse)}.cia-text-text-link{color:var(--text-link)}.cia-text-success-text{color:var(--success-text)}.cia-text-warning-text{color:var(--warning-text)}.cia-text-error-text{color:var(--error-text)}.cia-text-info-text{color:var(--info-text)}.cia-bg-background-default{background-color:var(--background-default)}.cia-bg-background-subtle{background-color:var(--background-subtle)}.cia-bg-background-navbar{background-color:var(--background-navbar)}.cia-bg-surface-default{background-color:var(--surface-default)}.cia-bg-surface-subtle{background-color:var(--surface-subtle)}.cia-bg-surface-muted{background-color:var(--surface-muted)}.cia-bg-surface-emphasis{background-color:var(--surface-emphasis)}.cia-bg-success-subtle{background-color:var(--success-subtle)}.cia-bg-warning-subtle{background-color:var(--warning-subtle)}.cia-bg-error-subtle{background-color:var(--error-subtle)}.cia-bg-info-subtle{background-color:var(--info-subtle)}.cia-bg-action-primary-default{background-color:var(--action-primary-default)}.cia-bg-action-secondary-default{background-color:var(--action-secondary-default)}.cia-border-border-default{border-color:var(--border-default)}.cia-border-border-subtle{border-color:var(--border-subtle)}.cia-border-border-emphasis{border-color:var(--border-emphasis)}.cia-border-border-focus{border-color:var(--border-focus)}.cia-block{display:block}.cia-inline-block{display:inline-block}.cia-inline{display:inline}.cia-flex{display:flex}.cia-inline-flex{display:inline-flex}.cia-grid{display:grid}.cia-inline-grid{display:inline-grid}.cia-hidden{display:none}.cia-contents{display:contents}.cia-flex-row{flex-direction:row}.cia-flex-row-reverse{flex-direction:row-reverse}.cia-flex-col{flex-direction:column}.cia-flex-col-reverse{flex-direction:column-reverse}.cia-flex-wrap{flex-wrap:wrap}.cia-flex-nowrap{flex-wrap:nowrap}.cia-flex-wrap-reverse{flex-wrap:wrap-reverse}.cia-flex-1{flex:1 1 0%}.cia-flex-auto{flex:1 1 auto}.cia-flex-initial{flex:0 1 auto}.cia-flex-none{flex:none}.cia-flex-grow{flex-grow:1}.cia-flex-grow-0{flex-grow:0}.cia-flex-shrink{flex-shrink:1}.cia-flex-shrink-0{flex-shrink:0}.cia-items-start{align-items:flex-start}.cia-items-end{align-items:flex-end}.cia-items-center{align-items:center}.cia-items-baseline{align-items:baseline}.cia-items-stretch{align-items:stretch}.cia-justify-start{justify-content:flex-start}.cia-justify-end{justify-content:flex-end}.cia-justify-center{justify-content:center}.cia-justify-between{justify-content:space-between}.cia-justify-around{justify-content:space-around}.cia-justify-evenly{justify-content:space-evenly}.cia-self-auto{align-self:auto}.cia-self-start{align-self:flex-start}.cia-self-end{align-self:flex-end}.cia-self-center{align-self:center}.cia-self-stretch{align-self:stretch}.cia-flex-center{display:flex;align-items:center;justify-content:center}.cia-flex-between{display:flex;align-items:center;justify-content:space-between}.cia-stack{display:flex;flex-direction:column}.cia-grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.cia-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.cia-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.cia-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.cia-grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.cia-grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.cia-col-span-1{grid-column:span 1/span 1}.cia-col-span-2{grid-column:span 2/span 2}.cia-col-span-3{grid-column:span 3/span 3}.cia-col-span-4{grid-column:span 4/span 4}.cia-col-span-6{grid-column:span 6/span 6}.cia-col-span-12{grid-column:span 12/span 12}.cia-col-span-full{grid-column:1/-1}.cia-static{position:static}.cia-relative{position:relative}.cia-absolute{position:absolute}.cia-fixed{position:fixed}.cia-sticky{position:sticky}.cia-inset-0{inset:0}.cia-top-0{top:0}.cia-right-0{right:0}.cia-bottom-0{bottom:0}.cia-left-0{left:0}.cia-w-full{width:100%}.cia-w-screen{width:100vw}.cia-w-auto{width:auto}.cia-w-fit{width:fit-content}.cia-w-min{width:min-content}.cia-w-max{width:max-content}.cia-min-w-0{min-width:0}.cia-min-w-full{min-width:100%}.cia-max-w-none{max-width:none}.cia-max-w-full{max-width:100%}.cia-h-full{height:100%}.cia-h-screen{height:100vh}.cia-h-auto{height:auto}.cia-h-fit{height:fit-content}.cia-min-h-0{min-height:0}.cia-min-h-screen{min-height:100vh}.cia-min-h-full{min-height:100%}.cia-border{border:1px solid var(--border-default)}.cia-border-0{border:0}.cia-border-t{border-top:1px solid var(--border-default)}.cia-border-r{border-right:1px solid var(--border-default)}.cia-border-b{border-bottom:1px solid var(--border-default)}.cia-border-l{border-left:1px solid var(--border-default)}.cia-rounded-none{border-radius:var(--radius-none, 0)}.cia-rounded-sm{border-radius:var(--radius-sm, 0.25rem)}.cia-rounded-md{border-radius:var(--radius-md, 0.375rem)}.cia-rounded-lg{border-radius:var(--radius-lg, 0.5rem)}.cia-rounded-xl{border-radius:var(--radius-xl, 0.75rem)}.cia-rounded-2xl{border-radius:var(--radius-2xl, 1rem)}.cia-rounded-full{border-radius:var(--radius-full, 9999px)}.cia-shadow-1{box-shadow:var(--shadow-1, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.cia-shadow-2{box-shadow:var(--shadow-2, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1))}.cia-shadow-3{box-shadow:var(--shadow-3, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1))}.cia-shadow-4{box-shadow:var(--shadow-4, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1))}.cia-shadow-5{box-shadow:var(--shadow-5, 0 25px 50px -12px rgba(0, 0, 0, 0.25))}.cia-shadow-sm{box-shadow:var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05))}.cia-shadow-md{box-shadow:var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1))}.cia-shadow-lg{box-shadow:var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1))}.cia-shadow-xl{box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1))}.cia-shadow-2xl{box-shadow:var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25))}.cia-shadow-inner{box-shadow:var(--shadow-inner, inset 0 2px 4px 0 rgba(0, 0, 0, 0.05))}.cia-shadow-none{box-shadow:var(--shadow-none, none)}.cia-opacity-0{opacity:0}.cia-opacity-5{opacity:.05}.cia-opacity-10{opacity:.1}.cia-opacity-20{opacity:.2}.cia-opacity-25{opacity:.25}.cia-opacity-30{opacity:.3}.cia-opacity-40{opacity:.4}.cia-opacity-50{opacity:.5}.cia-opacity-60{opacity:.6}.cia-opacity-70{opacity:.7}.cia-opacity-75{opacity:.75}.cia-opacity-80{opacity:.8}.cia-opacity-90{opacity:.9}.cia-opacity-95{opacity:.95}.cia-opacity-100{opacity:1}.cia-z-hide{z-index:-1}.cia-z-base{z-index:0}.cia-z-dropdown{z-index:1000}.cia-z-sticky{z-index:1100}.cia-z-fixed{z-index:1200}.cia-z-backdrop{z-index:1300}.cia-z-modal{z-index:1400}.cia-z-popover{z-index:1500}.cia-z-tooltip{z-index:1600}.cia-z-toast{z-index:1700}.cia-overflow-auto{overflow:auto}.cia-overflow-hidden{overflow:hidden}.cia-overflow-visible{overflow:visible}.cia-overflow-scroll{overflow:scroll}.cia-overflow-x-auto{overflow-x:auto}.cia-overflow-y-auto{overflow-y:auto}.cia-overflow-x-hidden{overflow-x:hidden}.cia-overflow-y-hidden{overflow-y:hidden}.cia-cursor-pointer{cursor:pointer}.cia-cursor-default{cursor:default}.cia-cursor-not-allowed{cursor:not-allowed}.cia-pointer-events-none{pointer-events:none}.cia-pointer-events-auto{pointer-events:auto}.cia-select-none{user-select:none}.cia-select-text{user-select:text}.cia-select-all{user-select:all}.cia-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.cia-not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;border:0}

package/dist/tokens.css ADDED Viewed

@@ -0,0 +1,508 @@
+:where(:root) {
+  --brand-primary: #3A5FCD;
+  --brand-primary-hover: #2E4A99;
+  --brand-primary-active: #1E3A8A;
+  --brand-secondary: #FF6B6B;
+  --brand-secondary-hover: #E85555;
+  --brand-secondary-active: #C55;
+  --brand-accent: #09F;
+  --brand-accent-hover: #0088E6;
+  --background-default: #FFF;
+  --background-subtle: #F8F6F0;
+  --background-navbar: #FAFAFA;
+  --surface-default: #FFF;
+  --surface-subtle: #F8F6F0;
+  --surface-muted: #F5F5F5;
+  --surface-emphasis: #E5E5E5;
+  --text-primary: #0f0f0f;
+  --text-secondary: #525252;
+  --text-muted: #6b6b6b;
+  --text-inverse: #fff;
+  --text-link: #384fff;
+  --text-link-hover: #2a3acc;
+  --border-default: #e5e5e5;
+  --border-subtle: #f5f5f5;
+  --border-emphasis: #d4d4d4;
+  --border-focus: #384fff;
+  --interactive-hover: rgba(0, 0, 0, 0.03);
+  --interactive-active: rgba(0, 0, 0, 0.06);
+  --action-primary-default: #3A5FCD;
+  --action-primary-hover: #2E4A99;
+  --action-primary-active: #1E3A8A;
+  --action-secondary-default: #FF6B6B;
+  --action-secondary-hover: #E85555;
+  --action-secondary-active: #C55;
+  --success-default: #10b981;
+  --success-hover: #059669;
+  --success-subtle: #ecfdf5;
+  --success-text: #065f46;
+  --warning-default: #f59e0b;
+  --warning-hover: #d97706;
+  --warning-subtle: #fffbeb;
+  --warning-text: #92400e;
+  --error-default: #DC2626;
+  --error-hover: #B91C1C;
+  --error-subtle: #FEF2F2;
+  --error-text: #991B1B;
+  --info-default: #3A5FCD;
+  --info-hover: #2E4A99;
+  --info-subtle: #EFF6FF;
+  --info-text: #1E3A8A;
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  --shadow-none: none;
+  --font-primary: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
+  --font-secondary: Georgia, Times New Roman, serif;
+  --font-mono: Fira Code, Consolas, Monaco, monospace;
+  --space-1: 0.5rem;
+  --space-2: 0.75rem;
+  --space-3: 0.875rem;
+  --space-4: 1rem;
+  --space-5: 1.5rem;
+  --space-6: 2rem;
+  --space-7: 3rem;
+  --space-8: 4rem;
+  --space-9: 6rem;
+  --space-0: 0;
+  --space-none: 0;
+  --space-2xs: 0.25rem;
+  --space-xs: var(--space-1);
+  --space-sm: var(--space-2);
+  --space-md: var(--space-4);
+  --space-lg: var(--space-5);
+  --space-xl: var(--space-6);
+  --space-2xl: var(--space-7);
+  --space-3xl: var(--space-8);
+  --space-4xl: var(--space-9);
+  --z-hide: -1;
+  --z-base: 0;
+  --z-dropdown: 1000;
+  --z-sticky: 1100;
+  --z-fixed: 1200;
+  --z-backdrop: 1300;
+  --z-modal: 1400;
+  --z-popover: 1500;
+  --z-tooltip: 1600;
+  --z-toast: 1700;
+  --font-size-1: 0.75rem;
+  --font-size-2: 0.875rem;
+  --font-size-3: 1rem;
+  --font-size-4: 1.125rem;
+  --font-size-5: 1.25rem;
+  --font-size-6: 1.5rem;
+  --font-size-7: 1.875rem;
+  --font-size-8: 2.25rem;
+  --font-size-9: 3rem;
+  --font-size-10: 3.75rem;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 3.75rem;
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-black: 900;
+  --line-height-1: 1;
+  --line-height-2: 1.25;
+  --line-height-3: 1.375;
+  --line-height-4: 1.5;
+  --line-height-5: 1.625;
+  --line-height-6: 2;
+  --line-height-none: 1;
+  --line-height-tight: 1.25;
+  --line-height-snug: 1.375;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.625;
+  --line-height-loose: 2;
+  --duration-instant: 0ms;
+  --duration-fast: 150ms;
+  --duration-normal: 250ms;
+  --duration-slow: 400ms;
+  --duration-slower: 600ms;
+  --opacity-0: 0;
+  --opacity-5: 0.05;
+  --opacity-10: 0.1;
+  --opacity-20: 0.2;
+  --opacity-25: 0.25;
+  --opacity-30: 0.3;
+  --opacity-40: 0.4;
+  --opacity-50: 0.5;
+  --opacity-60: 0.6;
+  --opacity-70: 0.7;
+  --opacity-75: 0.75;
+  --opacity-80: 0.8;
+  --opacity-90: 0.9;
+  --opacity-95: 0.95;
+  --opacity-100: 1;
+  --btn-padding-y: var(--space-1, 0.5rem);
+  --btn-padding-x: var(--space-4, 1rem);
+  --btn-radius: var(--radius-md, 0.25rem);
+  --btn-font-weight: var(--font-weight-medium, 500);
+  --btn-font-size: var(--font-size-base, 1rem);
+  --btn-border-width: 1px;
+  --card-padding: var(--space-4, 1rem);
+  --card-radius: var(--radius-lg, 0.5rem);
+  --card-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
+  --card-border: 1px solid var(--border-default);
+  --input-padding-y: var(--space-1, 0.5rem);
+  --input-padding-x: var(--space-2, 0.75rem);
+  --input-radius: var(--radius-md, 0.25rem);
+  --input-border-width: 1px;
+  --alert-padding-y: var(--space-2, 0.75rem);
+  --alert-padding-x: var(--space-4, 1rem);
+  --alert-radius: var(--radius-md, 0.25rem);
+  --badge-padding-y: var(--space-1, 0.5rem);
+  --badge-padding-x: var(--space-1, 0.5rem);
+  --badge-radius: var(--radius-full, 9999px);
+  --tag-padding-y: var(--space-2xs, 0.25rem);
+  --tag-padding-x: var(--space-2, 0.75rem);
+  --tag-radius: var(--radius-md, 0.25rem);
+  --modal-padding: var(--space-5, 1.5rem);
+  --modal-radius: var(--radius-xl, 0.75rem);
+  --modal-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
+  --popover-padding: var(--space-4, 1rem);
+  --popover-radius: var(--radius-lg, 0.5rem);
+  --popover-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
+  --tooltip-padding-y: var(--space-1, 0.5rem);
+  --tooltip-padding-x: var(--space-1, 0.5rem);
+  --tooltip-radius: var(--radius-md, 0.25rem);
+  --dropdown-radius: var(--radius-md, 0.25rem);
+  --dropdown-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
+}
+[data-theme=light] {
+  --brand-primary: #3A5FCD;
+  --brand-primary-hover: #2E4A99;
+  --brand-primary-active: #1E3A8A;
+  --brand-secondary: #FF6B6B;
+  --brand-secondary-hover: #E85555;
+  --brand-secondary-active: #C55;
+  --brand-accent: #09F;
+  --brand-accent-hover: #0088E6;
+  --background-default: #FFF;
+  --background-subtle: #F8F6F0;
+  --background-navbar: #FAFAFA;
+  --surface-default: #FFF;
+  --surface-subtle: #F8F6F0;
+  --surface-muted: #F5F5F5;
+  --surface-emphasis: #E5E5E5;
+  --text-primary: #0f0f0f;
+  --text-secondary: #525252;
+  --text-muted: #6b6b6b;
+  --text-inverse: #fff;
+  --text-link: #384fff;
+  --text-link-hover: #2a3acc;
+  --border-default: #e5e5e5;
+  --border-subtle: #f5f5f5;
+  --border-emphasis: #d4d4d4;
+  --border-focus: #384fff;
+  --interactive-hover: rgba(0, 0, 0, 0.03);
+  --interactive-active: rgba(0, 0, 0, 0.06);
+  --action-primary-default: #3A5FCD;
+  --action-primary-hover: #2E4A99;
+  --action-primary-active: #1E3A8A;
+  --action-secondary-default: #FF6B6B;
+  --action-secondary-hover: #E85555;
+  --action-secondary-active: #C55;
+  --success-default: #10b981;
+  --success-hover: #059669;
+  --success-subtle: #ecfdf5;
+  --success-text: #065f46;
+  --warning-default: #f59e0b;
+  --warning-hover: #d97706;
+  --warning-subtle: #fffbeb;
+  --warning-text: #92400e;
+  --error-default: #DC2626;
+  --error-hover: #B91C1C;
+  --error-subtle: #FEF2F2;
+  --error-text: #991B1B;
+  --info-default: #3A5FCD;
+  --info-hover: #2E4A99;
+  --info-subtle: #EFF6FF;
+  --info-text: #1E3A8A;
+  --radius-none: 0;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.75rem;
+  --radius-2xl: 1rem;
+  --radius-full: 9999px;
+  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+  --shadow-none: none;
+  --font-primary: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
+  --font-secondary: Georgia, Times New Roman, serif;
+  --font-mono: Fira Code, Consolas, Monaco, monospace;
+  --space-1: 0.5rem;
+  --space-2: 0.75rem;
+  --space-3: 0.875rem;
+  --space-4: 1rem;
+  --space-5: 1.5rem;
+  --space-6: 2rem;
+  --space-7: 3rem;
+  --space-8: 4rem;
+  --space-9: 6rem;
+  --space-0: 0;
+  --space-none: 0;
+  --space-2xs: 0.25rem;
+  --space-xs: var(--space-1);
+  --space-sm: var(--space-2);
+  --space-md: var(--space-4);
+  --space-lg: var(--space-5);
+  --space-xl: var(--space-6);
+  --space-2xl: var(--space-7);
+  --space-3xl: var(--space-8);
+  --space-4xl: var(--space-9);
+  --z-hide: -1;
+  --z-base: 0;
+  --z-dropdown: 1000;
+  --z-sticky: 1100;
+  --z-fixed: 1200;
+  --z-backdrop: 1300;
+  --z-modal: 1400;
+  --z-popover: 1500;
+  --z-tooltip: 1600;
+  --z-toast: 1700;
+  --font-size-1: 0.75rem;
+  --font-size-2: 0.875rem;
+  --font-size-3: 1rem;
+  --font-size-4: 1.125rem;
+  --font-size-5: 1.25rem;
+  --font-size-6: 1.5rem;
+  --font-size-7: 1.875rem;
+  --font-size-8: 2.25rem;
+  --font-size-9: 3rem;
+  --font-size-10: 3.75rem;
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+  --font-size-5xl: 3rem;
+  --font-size-6xl: 3.75rem;
+  --font-weight-light: 300;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-black: 900;
+  --line-height-1: 1;
+  --line-height-2: 1.25;
+  --line-height-3: 1.375;
+  --line-height-4: 1.5;
+  --line-height-5: 1.625;
+  --line-height-6: 2;
+  --line-height-none: 1;
+  --line-height-tight: 1.25;
+  --line-height-snug: 1.375;
+  --line-height-normal: 1.5;
+  --line-height-relaxed: 1.625;
+  --line-height-loose: 2;
+  --duration-instant: 0ms;
+  --duration-fast: 150ms;
+  --duration-normal: 250ms;
+  --duration-slow: 400ms;
+  --duration-slower: 600ms;
+  --opacity-0: 0;
+  --opacity-5: 0.05;
+  --opacity-10: 0.1;
+  --opacity-20: 0.2;
+  --opacity-25: 0.25;
+  --opacity-30: 0.3;
+  --opacity-40: 0.4;
+  --opacity-50: 0.5;
+  --opacity-60: 0.6;
+  --opacity-70: 0.7;
+  --opacity-75: 0.75;
+  --opacity-80: 0.8;
+  --opacity-90: 0.9;
+  --opacity-95: 0.95;
+  --opacity-100: 1;
+  --btn-padding-y: var(--space-1, 0.5rem);
+  --btn-padding-x: var(--space-4, 1rem);
+  --btn-radius: var(--radius-md, 0.25rem);
+  --btn-font-weight: var(--font-weight-medium, 500);
+  --btn-font-size: var(--font-size-base, 1rem);
+  --btn-border-width: 1px;
+  --card-padding: var(--space-4, 1rem);
+  --card-radius: var(--radius-lg, 0.5rem);
+  --card-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
+  --card-border: 1px solid var(--border-default);
+  --input-padding-y: var(--space-1, 0.5rem);
+  --input-padding-x: var(--space-2, 0.75rem);
+  --input-radius: var(--radius-md, 0.25rem);
+  --input-border-width: 1px;
+  --alert-padding-y: var(--space-2, 0.75rem);
+  --alert-padding-x: var(--space-4, 1rem);
+  --alert-radius: var(--radius-md, 0.25rem);
+  --badge-padding-y: var(--space-1, 0.5rem);
+  --badge-padding-x: var(--space-1, 0.5rem);
+  --badge-radius: var(--radius-full, 9999px);
+  --tag-padding-y: var(--space-2xs, 0.25rem);
+  --tag-padding-x: var(--space-2, 0.75rem);
+  --tag-radius: var(--radius-md, 0.25rem);
+  --modal-padding: var(--space-5, 1.5rem);
+  --modal-radius: var(--radius-xl, 0.75rem);
+  --modal-shadow: var(--shadow-2xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
+  --popover-padding: var(--space-4, 1rem);
+  --popover-radius: var(--radius-lg, 0.5rem);
+  --popover-shadow: var(--shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
+  --tooltip-padding-y: var(--space-1, 0.5rem);
+  --tooltip-padding-x: var(--space-1, 0.5rem);
+  --tooltip-radius: var(--radius-md, 0.25rem);
+  --dropdown-radius: var(--radius-md, 0.25rem);
+  --dropdown-shadow: var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
+}
+[data-theme=dark] {
+  --background-default: #0a0a0a;
+  --background-subtle: #151515;
+  --background-navbar: #1a1a1a;
+  --surface-default: #151515;
+  --surface-subtle: #1f1f1f;
+  --surface-muted: #2a2a2a;
+  --surface-emphasis: #353535;
+  --text-primary: #FFF;
+  --text-secondary: #b8b8b8;
+  --text-muted: #768194;
+  --text-inverse: #0a0a0a;
+  --text-link: #09f;
+  --text-link-hover: #5ebbff;
+  --border-default: #2a2a2a;
+  --border-subtle: #1f1f1f;
+  --border-emphasis: #404040;
+  --border-focus: #09f;
+  --interactive-hover: rgba(255, 255, 255, 0.05);
+  --interactive-active: rgba(255, 255, 255, 0.1);
+  --action-primary-default: #6B8FE8;
+  --action-primary-hover: #8BABF5;
+  --action-primary-active: #3A5FCD;
+  --action-secondary-default: #FF8A8A;
+  --action-secondary-hover: #FFACAC;
+  --action-secondary-active: #FF6B6B;
+  --success-default: #34d399;
+  --success-hover: #10b981;
+  --success-subtle: #064e3b;
+  --success-text: #6ee7b7;
+  --warning-default: #fbbf24;
+  --warning-hover: #f59e0b;
+  --warning-subtle: #451a03;
+  --warning-text: #fcd34d;
+  --error-default: #f87171;
+  --error-hover: #ef4444;
+  --error-subtle: #450a0a;
+  --error-text: #fca5a5;
+  --info-default: #60a5fa;
+  --info-hover: #3b82f6;
+  --info-subtle: #172554;
+  --info-text: #93c5fd;
+  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
+  --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
+  --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
+  --shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
+  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
+  --shadow-none: none;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme=light]) {
+    --background-default: #0a0a0a;
+    --background-subtle: #151515;
+    --background-navbar: #1a1a1a;
+    --surface-default: #151515;
+    --surface-subtle: #1f1f1f;
+    --surface-muted: #2a2a2a;
+    --surface-emphasis: #353535;
+    --text-primary: #FFF;
+    --text-secondary: #b8b8b8;
+    --text-muted: #768194;
+    --text-inverse: #0a0a0a;
+    --text-link: #09f;
+    --text-link-hover: #5ebbff;
+    --border-default: #2a2a2a;
+    --border-subtle: #1f1f1f;
+    --border-emphasis: #404040;
+    --border-focus: #09f;
+    --interactive-hover: rgba(255, 255, 255, 0.05);
+    --interactive-active: rgba(255, 255, 255, 0.1);
+    --action-primary-default: #6B8FE8;
+    --action-primary-hover: #8BABF5;
+    --action-primary-active: #3A5FCD;
+    --action-secondary-default: #FF8A8A;
+    --action-secondary-hover: #FFACAC;
+    --action-secondary-active: #FF6B6B;
+    --success-default: #34d399;
+    --success-hover: #10b981;
+    --success-subtle: #064e3b;
+    --success-text: #6ee7b7;
+    --warning-default: #fbbf24;
+    --warning-hover: #f59e0b;
+    --warning-subtle: #451a03;
+    --warning-text: #fcd34d;
+    --error-default: #f87171;
+    --error-hover: #ef4444;
+    --error-subtle: #450a0a;
+    --error-text: #fca5a5;
+    --info-default: #60a5fa;
+    --info-hover: #3b82f6;
+    --info-subtle: #172554;
+    --info-text: #93c5fd;
+    --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+    --shadow-2: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
+    --shadow-3: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
+    --shadow-4: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
+    --shadow-5: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
+    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
+    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
+    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
+    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.3);
+    --shadow-none: none;
+  }
+}
+:root {
+  --touch-target-min: 24px;
+}