@mayor_grd/centry-ui 0.1.0

package/dist/tokens/generated/variables.css

@@ -0,0 +1,919 @@
+/* Auto-generated from Basis DS design tokens — do not edit manually */
+/* Run `pnpm tokens:generate` to regenerate */
+
+:root {
+  /* ── Typography ── */
+  --display-font: Geist;
+  --display-weight: 700;
+  --display-size: 64px;
+  --display-line-height: 64px;
+  --display-letter-spacing: -0.2px;
+  --h1-font: Geist;
+  --h1-weight: 700;
+  --h1-size: 48px;
+  --h1-line-height: 48px;
+  --h1-letter-spacing: -0.2px;
+  --h2-font: Geist;
+  --h2-weight: 700;
+  --h2-size: 32px;
+  --h2-line-height: 38px;
+  --h2-letter-spacing: -0.2px;
+  --h3-font: Geist;
+  --h3-weight: 600;
+  --h3-size: 24px;
+  --h3-line-height: 32px;
+  --h3-letter-spacing: -0.2px;
+  --h4-font: Geist;
+  --h4-weight: 600;
+  --h4-size: 20px;
+  --h4-line-height: 28px;
+  --h4-letter-spacing: 0.15px;
+  --subheading-font: Geist;
+  --subheading-weight: 400;
+  --subheading-size: 20px;
+  --subheading-line-height: 28px;
+  --subheading-letter-spacing: 0.15px;
+  --body-xs-font: Geist;
+  --body-xs-weight: 400;
+  --body-xs-size: 12px;
+  --body-xs-line-height: 18px;
+  --body-xs-letter-spacing: 0.15px;
+  --body-sm-font: Geist;
+  --body-sm-weight: 400;
+  --body-sm-size: 14px;
+  --body-sm-line-height: 20px;
+  --body-sm-letter-spacing: 0.15px;
+  --body-md-font: Geist;
+  --body-md-weight: 400;
+  --body-md-size: 16px;
+  --body-md-line-height: 24px;
+  --body-md-letter-spacing: 0.15px;
+  --body-lg-font: Geist;
+  --body-lg-weight: 400;
+  --body-lg-size: 18px;
+  --body-lg-line-height: 28px;
+  --body-lg-letter-spacing: 0.15px;
+  --body-strong-xs-font: Geist;
+  --body-strong-xs-weight: 600;
+  --body-strong-xs-size: 12px;
+  --body-strong-xs-line-height: 18px;
+  --body-strong-xs-letter-spacing: 0.15px;
+  --body-strong-xs-font-2: Geist;
+  --body-strong-xs-weight-2: 400;
+  --body-strong-xs-size-2: 12px;
+  --body-strong-xs-line-height-2: 18px;
+  --body-strong-xs-letter-spacing-2: 0.15px;
+  --body-strong-sm-font: Geist;
+  --body-strong-sm-weight: 600;
+  --body-strong-sm-size: 14px;
+  --body-strong-sm-line-height: 20px;
+  --body-strong-sm-letter-spacing: 0.15px;
+  --body-strong-md-font: Geist;
+  --body-strong-md-weight: 600;
+  --body-strong-md-size: 16px;
+  --body-strong-md-line-height: 24px;
+  --body-strong-md-letter-spacing: 0.15px;
+  --body-strong-lg-font: Geist;
+  --body-strong-lg-weight: 600;
+  --body-strong-lg-size: 18px;
+  --body-strong-lg-line-height: 28px;
+  --body-strong-lg-letter-spacing: 0.15px;
+  --label-font: Geist;
+  --label-weight: 600;
+  --label-size: 14px;
+  --label-line-height: 20px;
+  --label-letter-spacing: 0.15px;
+  --caption-font: Geist;
+  --caption-weight: 500;
+  --caption-size: 12px;
+  --caption-line-height: 18px;
+  --caption-letter-spacing: 0.15px;
+  --code-font: Geist Mono;
+  --code-weight: 400;
+  --code-size: 13px;
+  --code-line-height: 20px;
+  --code-letter-spacing: 0.15px;
+  --display-font: Geist;
+  --display-weight: 700;
+  --display-size: 56px;
+  --display-line-height: 56px;
+  --display-letter-spacing: -0.2px;
+  --h1-font: Geist;
+  --h1-weight: 700;
+  --h1-size: 40px;
+  --h1-line-height: 40px;
+  --h1-letter-spacing: -0.2px;
+  --h2-font: Geist;
+  --h2-weight: 700;
+  --h2-size: 32px;
+  --h2-line-height: 38px;
+  --h2-letter-spacing: -0.2px;
+  --h3-font: Geist;
+  --h3-weight: 600;
+  --h3-size: 24px;
+  --h3-line-height: 32px;
+  --h3-letter-spacing: -0.2px;
+  --h4-font: Geist;
+  --h4-weight: 600;
+  --h4-size: 20px;
+  --h4-line-height: 28px;
+  --h4-letter-spacing: 0.15px;
+  --subheading-font: Geist;
+  --subheading-weight: 400;
+  --subheading-size: 20px;
+  --subheading-line-height: 28px;
+  --subheading-letter-spacing: 0.15px;
+  --body-xs-font: Geist;
+  --body-xs-weight: 400;
+  --body-xs-size: 12px;
+  --body-xs-line-height: 18px;
+  --body-xs-letter-spacing: 0.15px;
+  --body-sm-font: Geist;
+  --body-sm-weight: 400;
+  --body-sm-size: 14px;
+  --body-sm-line-height: 20px;
+  --body-sm-letter-spacing: 0.15px;
+  --body-md-font: Geist;
+  --body-md-weight: 400;
+  --body-md-size: 16px;
+  --body-md-line-height: 24px;
+  --body-md-letter-spacing: 0.15px;
+  --body-lg-font: Geist;
+  --body-lg-weight: 400;
+  --body-lg-size: 18px;
+  --body-lg-line-height: 28px;
+  --body-lg-letter-spacing: 0.15px;
+  --body-strong-xs-font: Geist;
+  --body-strong-xs-weight: 600;
+  --body-strong-xs-size: 12px;
+  --body-strong-xs-line-height: 18px;
+  --body-strong-xs-letter-spacing: 0.15px;
+  --body-strong-xs-font-2: Geist;
+  --body-strong-xs-weight-2: 400;
+  --body-strong-xs-size-2: 12px;
+  --body-strong-xs-line-height-2: 18px;
+  --body-strong-xs-letter-spacing-2: 0.15px;
+  --body-strong-sm-font: Geist;
+  --body-strong-sm-weight: 600;
+  --body-strong-sm-size: 14px;
+  --body-strong-sm-line-height: 20px;
+  --body-strong-sm-letter-spacing: 0.15px;
+  --body-strong-md-font: Geist;
+  --body-strong-md-weight: 600;
+  --body-strong-md-size: 16px;
+  --body-strong-md-line-height: 24px;
+  --body-strong-md-letter-spacing: 0.15px;
+  --body-strong-lg-font: Geist;
+  --body-strong-lg-weight: 600;
+  --body-strong-lg-size: 18px;
+  --body-strong-lg-line-height: 28px;
+  --body-strong-lg-letter-spacing: 0.15px;
+  --label-font: Geist;
+  --label-weight: 600;
+  --label-size: 14px;
+  --label-line-height: 20px;
+  --label-letter-spacing: 0.15px;
+  --caption-font: Geist;
+  --caption-weight: 500;
+  --caption-size: 12px;
+  --caption-line-height: 18px;
+  --caption-letter-spacing: 0.15px;
+  --code-font: Geist Mono;
+  --code-weight: 400;
+  --code-size: 13px;
+  --code-line-height: 20px;
+  --code-letter-spacing: 0.15px;
+
+  /* ── Size ── */
+  --table-min-width-min-w-sm: 356px;
+  --table-min-width-cell-height-base: 52px;
+  --table-min-width-cell-height-md: 72px;
+  --table-min-width-cell-height-lg: 96px;
+  --modal-window-size-w-xs: 320px;
+  --modal-window-size-w-sm: 0px;
+  --modal-window-size-w-md: 0px;
+  --modal-window-size-w-lg: 0px;
+  --modal-max-width-max-w-sm: 384px;
+  --modal-max-width-max-w-lg: 512px;
+  --modal-min-width-min-w-sm: 320px;
+  --elevation-input: 1px;
+  --elevation-card: 1px;
+  --elevation-popover-menu: 4px;
+  --elevation-modal: 12px;
+  --elevation-focus-ring: 0px;
+  --avatar-xs: 20px;
+  --avatar-sm: 24px;
+  --avatar-md: 32px;
+  --avatar-lg: 40px;
+  --avatar-xl: 48px;
+
+  /* ── Layout ── */
+  --breakpoint-sm: 792px;
+  --breakpoint-md: 1280px;
+  --breakpoint-lg: 1440px;
+  --breakpoint-xl: 1920px;
+  --spacing-none: 0px;
+  --spacing-xxs: 4px;
+  --spacing-xs: 8px;
+  --spacing-sm: 16px;
+  --spacing-md: 24px;
+  --spacing-lg: 32px;
+  --spacing-xl: 48px;
+  --app-shell-header-default-height: 56px;
+  --app-shell-sidebar-full-width: 280px;
+  --app-shell-sidebar-skinny: 72px;
+  --app-shell-right-rail-full-width: 368px;
+  --app-shell-right-rail-skinny: 368px;
+  --app-shell-container-max-sm: 744px;
+  --app-shell-container-max-md: 1144px;
+  --app-shell-container-max-lg: 1096px;
+  --app-shell-container-max-xl: 1208px;
+  --app-shell-container-max-form: 800px;
+
+  /* ── Appearance ── */
+  --radius-sm: 4px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-card-lg: 14px;
+  --radius-card-sm: 10px;
+  --radius-rounded-full: 9999px;
+
+  /* ── Controls ── */
+  --button-base-height: 36px;
+  --button-base-radius: 9999px;
+  --button-base-padding-horizontal: 16px;
+  --button-base-icon-size: 16px;
+  --button-base-font-size: 14px;
+  --button-icon-base-height: 36px;
+  --button-icon-base-radius: 9999px;
+  --button-icon-base-padding-horizontal: 12px;
+  --button-icon-base-icon-size: 14px;
+  --button-icon-base-stroke-width: 1.17px;
+  --button-padding-vertical: 8px;
+  --button-sm-height: 32px;
+  --button-sm-radius: 9999px;
+  --button-sm-padding-horizontal: 12px;
+  --button-sm-icon-size: 16px;
+  --button-sm-font-size: 12px;
+  --button-icon-sm-height: 32px;
+  --button-icon-sm-radius: 9999px;
+  --button-icon-sm-padding-horizontal: 12px;
+  --button-icon-sm-icon-size: 12px;
+  --button-icon-sm-stroke-width: 1px;
+  --button-lg-height: 40px;
+  --button-lg-radius: 9999px;
+  --button-lg-padding-horizontal: 32px;
+  --button-lg-icon-size: 16px;
+  --button-lg-font-size: 14px;
+  --button-icon-lg-height: 40px;
+  --button-icon-lg-radius: 9999px;
+  --button-icon-lg-padding-horizontal: 12px;
+  --button-icon-lg-icon-size: 16px;
+  --button-icon-lg-stroke-width: 1.33px;
+  --button-gap: 8px;
+  --opacity-disabled: 50;
+  --opacity-pressed: 60;
+  --opacity-loading: 60;
+  --opacity-dimmed-text: 70;
+  --opacity-dimmed-control: 50;
+  --calendar-cell-default: 32px;
+  --calendar-cell-md: 48px;
+  --input-gap-wrap: 8px;
+  --input-custom-spacing-1: 6px;
+  --input-custom-spacing-2: 10px;
+  --input-base-height: 36px;
+  --input-gap-control: 8px;
+  --input-padding-h: 12px;
+  --input-padding-v: 8px;
+  --input-radius: 8px;
+  --input-icon-size: 16px;
+  --input-icon-stroke-weight: 1.33;
+  --menu-item-height: 32px;
+
+  /* ── text ── */
+  --control-singleline-base-regular-font-family: Geist;
+  --control-singleline-base-regular-font-size: 14px;
+  --control-singleline-base-regular-font-weight: 400;
+  --control-singleline-base-regular-letter-spacing: 0.15px;
+  --control-singleline-base-regular-line-height: 100%;
+  --control-singleline-base-regular-text-transform: none;
+  --control-singleline-base-regular-text-decoration: none;
+  --control-singleline-base-medium-font-family: Geist;
+  --control-singleline-base-medium-font-size: 14px;
+  --control-singleline-base-medium-font-weight: 500;
+  --control-singleline-base-medium-letter-spacing: 0.15px;
+  --control-singleline-base-medium-line-height: 100%;
+  --control-singleline-base-medium-text-transform: none;
+  --control-singleline-base-medium-text-decoration: none;
+  --control-singleline-base-semibold-font-family: Geist;
+  --control-singleline-base-semibold-font-size: 14px;
+  --control-singleline-base-semibold-font-weight: 600;
+  --control-singleline-base-semibold-letter-spacing: 0.15px;
+  --control-singleline-base-semibold-line-height: 100%;
+  --control-singleline-base-semibold-text-transform: none;
+  --control-singleline-base-semibold-text-decoration: none;
+  --control-singleline-sm-medium-font-family: Geist;
+  --control-singleline-sm-medium-font-size: 12px;
+  --control-singleline-sm-medium-font-weight: 500;
+  --control-singleline-sm-medium-letter-spacing: 0.15px;
+  --control-singleline-sm-medium-line-height: 100%;
+  --control-singleline-sm-medium-text-transform: none;
+  --control-singleline-sm-medium-text-decoration: none;
+  --control-singleline-sm-regular-font-family: Geist;
+  --control-singleline-sm-regular-font-size: 12px;
+  --control-singleline-sm-regular-font-weight: 400;
+  --control-singleline-sm-regular-letter-spacing: 0.15px;
+  --control-singleline-sm-regular-line-height: 100%;
+  --control-singleline-sm-regular-text-transform: none;
+  --control-singleline-sm-regular-text-decoration: none;
+  --control-singleline-lg-medium-font-family: Geist;
+  --control-singleline-lg-medium-font-size: 18px;
+  --control-singleline-lg-medium-font-weight: 500;
+  --control-singleline-lg-medium-letter-spacing: 0.15px;
+  --control-singleline-lg-medium-line-height: 100%;
+  --control-singleline-lg-medium-text-transform: none;
+  --control-singleline-lg-medium-text-decoration: none;
+  --control-singleline-md-medium-font-family: Geist;
+  --control-singleline-md-medium-font-size: 16px;
+  --control-singleline-md-medium-font-weight: 500;
+  --control-singleline-md-medium-letter-spacing: 0.15px;
+  --control-singleline-md-medium-line-height: 100%;
+  --control-singleline-md-medium-text-transform: none;
+  --control-singleline-md-medium-text-decoration: none;
+  --control-singleline-md-semibold-font-family: Geist;
+  --control-singleline-md-semibold-font-size: 16px;
+  --control-singleline-md-semibold-font-weight: 600;
+  --control-singleline-md-semibold-letter-spacing: 0.15px;
+  --control-singleline-md-semibold-line-height: 100%;
+  --control-singleline-md-semibold-text-transform: none;
+  --control-singleline-md-semibold-text-decoration: none;
+  --control-singleline-lg-semibold-font-family: Geist;
+  --control-singleline-lg-semibold-font-size: 18px;
+  --control-singleline-lg-semibold-font-weight: 600;
+  --control-singleline-lg-semibold-letter-spacing: 0.15px;
+  --control-singleline-lg-semibold-line-height: 100%;
+  --control-singleline-lg-semibold-text-transform: none;
+  --control-singleline-lg-semibold-text-decoration: none;
+  --body-regular-base-font-family: Geist;
+  --body-regular-base-font-size: 14px;
+  --body-regular-base-font-weight: 400;
+  --body-regular-base-letter-spacing: 0.15px;
+  --body-regular-base-line-height: 140%;
+  --body-regular-base-text-transform: none;
+  --body-regular-base-text-decoration: none;
+  --body-regular-base-underline-font-family: Geist;
+  --body-regular-base-underline-font-size: 14px;
+  --body-regular-base-underline-font-weight: 400;
+  --body-regular-base-underline-letter-spacing: 0.15px;
+  --body-regular-base-underline-line-height: 140%;
+  --body-regular-base-underline-text-transform: none;
+  --body-regular-base-underline-text-decoration: underline;
+  --body-regular-paragraph-font-family: Geist;
+  --body-regular-paragraph-font-size: 16px;
+  --body-regular-paragraph-font-weight: 400;
+  --body-regular-paragraph-letter-spacing: 0.15px;
+  --body-regular-paragraph-line-height: 150%;
+  --body-regular-paragraph-text-transform: none;
+  --body-regular-paragraph-text-decoration: none;
+  --body-regular-lg-font-family: Geist;
+  --body-regular-lg-font-size: 18px;
+  --body-regular-lg-font-weight: 400;
+  --body-regular-lg-letter-spacing: 0.15px;
+  --body-regular-lg-line-height: 150%;
+  --body-regular-lg-text-transform: none;
+  --body-regular-lg-text-decoration: none;
+  --body-regular-xs-font-family: Geist;
+  --body-regular-xs-font-size: 12px;
+  --body-regular-xs-font-weight: 400;
+  --body-regular-xs-letter-spacing: 0.15px;
+  --body-regular-xs-line-height: 150%;
+  --body-regular-xs-text-transform: none;
+  --body-regular-xs-text-decoration: none;
+  --body-regular-inline-code-font-family: Geist Mono;
+  --body-regular-inline-code-font-size: 13px;
+  --body-regular-inline-code-font-weight: 400;
+  --body-regular-inline-code-letter-spacing: 0.15px;
+  --body-regular-inline-code-line-height: 150%;
+  --body-regular-inline-code-text-transform: none;
+  --body-regular-inline-code-text-decoration: none;
+  --body-medium-base-font-family: Geist;
+  --body-medium-base-font-size: 14px;
+  --body-medium-base-font-weight: 500;
+  --body-medium-base-letter-spacing: 0.15px;
+  --body-medium-base-line-height: 140%;
+  --body-medium-base-text-transform: none;
+  --body-medium-base-text-decoration: none;
+  --body-medium-base-underline-font-family: Geist;
+  --body-medium-base-underline-font-size: 14px;
+  --body-medium-base-underline-font-weight: 500;
+  --body-medium-base-underline-letter-spacing: 0.15px;
+  --body-medium-base-underline-line-height: 140%;
+  --body-medium-base-underline-text-transform: none;
+  --body-medium-base-underline-text-decoration: underline;
+  --body-medium-paragraph-font-family: Geist;
+  --body-medium-paragraph-font-size: 16px;
+  --body-medium-paragraph-font-weight: 500;
+  --body-medium-paragraph-letter-spacing: 0.15px;
+  --body-medium-paragraph-line-height: 150%;
+  --body-medium-paragraph-text-transform: none;
+  --body-medium-paragraph-text-decoration: none;
+  --body-medium-lg-font-family: Geist;
+  --body-medium-lg-font-size: 18px;
+  --body-medium-lg-font-weight: 500;
+  --body-medium-lg-letter-spacing: 0.15px;
+  --body-medium-lg-line-height: 150%;
+  --body-medium-lg-text-transform: none;
+  --body-medium-lg-text-decoration: none;
+  --body-medium-xs-font-family: Geist;
+  --body-medium-xs-font-size: 12px;
+  --body-medium-xs-font-weight: 500;
+  --body-medium-xs-letter-spacing: 0.15px;
+  --body-medium-xs-line-height: 150%;
+  --body-medium-xs-text-transform: none;
+  --body-medium-xs-text-decoration: none;
+  --body-medium-xs-underline-font-family: Geist;
+  --body-medium-xs-underline-font-size: 12px;
+  --body-medium-xs-underline-font-weight: 500;
+  --body-medium-xs-underline-letter-spacing: 0.15px;
+  --body-medium-xs-underline-line-height: 150%;
+  --body-medium-xs-underline-text-transform: none;
+  --body-medium-xs-underline-text-decoration: underline;
+  --body-semibold-base-font-family: Geist;
+  --body-semibold-base-font-size: 14px;
+  --body-semibold-base-font-weight: 600;
+  --body-semibold-base-letter-spacing: 0.15px;
+  --body-semibold-base-line-height: 140%;
+  --body-semibold-base-text-transform: none;
+  --body-semibold-base-text-decoration: none;
+  --body-semibold-paragraph-font-family: Geist;
+  --body-semibold-paragraph-font-size: 16px;
+  --body-semibold-paragraph-font-weight: 600;
+  --body-semibold-paragraph-letter-spacing: 0.15px;
+  --body-semibold-paragraph-line-height: 150%;
+  --body-semibold-paragraph-text-transform: none;
+  --body-semibold-paragraph-text-decoration: none;
+  --body-semibold-lg-font-family: Geist;
+  --body-semibold-lg-font-size: 18px;
+  --body-semibold-lg-font-weight: 600;
+  --body-semibold-lg-letter-spacing: 0.15px;
+  --body-semibold-lg-line-height: 150%;
+  --body-semibold-lg-text-transform: none;
+  --body-semibold-lg-text-decoration: none;
+  --body-semibold-xs-font-family: Geist;
+  --body-semibold-xs-font-size: 12px;
+  --body-semibold-xs-font-weight: 600;
+  --body-semibold-xs-letter-spacing: 0.15px;
+  --body-semibold-xs-line-height: 150%;
+  --body-semibold-xs-text-transform: none;
+  --body-semibold-xs-text-decoration: none;
+  --subheading-regular-base-font-family: Geist;
+  --subheading-regular-base-font-size: 20px;
+  --subheading-regular-base-font-weight: 400;
+  --subheading-regular-base-letter-spacing: 0.15px;
+  --subheading-regular-base-line-height: 120%;
+  --subheading-regular-base-text-transform: none;
+  --subheading-regular-base-text-decoration: none;
+  --heading-semibold-h4-font-family: Geist;
+  --heading-semibold-h4-font-size: 20px;
+  --heading-semibold-h4-font-weight: 600;
+  --heading-semibold-h4-letter-spacing: 0.15px;
+  --heading-semibold-h4-line-height: 140%;
+  --heading-semibold-h4-text-transform: none;
+  --heading-semibold-h4-text-decoration: none;
+  --heading-semibold-h3-font-family: Geist;
+  --heading-semibold-h3-font-size: 24px;
+  --heading-semibold-h3-font-weight: 600;
+  --heading-semibold-h3-letter-spacing: -0.2px;
+  --heading-semibold-h3-line-height: 135%;
+  --heading-semibold-h3-text-transform: none;
+  --heading-semibold-h3-text-decoration: none;
+  --heading-semibold-h2-font-family: Geist;
+  --heading-semibold-h2-font-size: 32px;
+  --heading-semibold-h2-font-weight: 600;
+  --heading-semibold-h2-letter-spacing: -0.2px;
+  --heading-semibold-h2-line-height: 120%;
+  --heading-semibold-h2-text-transform: none;
+  --heading-semibold-h2-text-decoration: none;
+  --heading-semibold-h1-font-family: Geist;
+  --heading-semibold-h1-font-size: 40px;
+  --heading-semibold-h1-font-weight: 700;
+  --heading-semibold-h1-letter-spacing: -0.2px;
+  --heading-semibold-h1-line-height: 100%;
+  --heading-semibold-h1-text-transform: none;
+  --heading-semibold-h1-text-decoration: none;
+  --heading-semibold-h1-mobile-font-family: Geist;
+  --heading-semibold-h1-mobile-font-size: 40px;
+  --heading-semibold-h1-mobile-font-weight: 700;
+  --heading-semibold-h1-mobile-letter-spacing: 0.15px;
+  --heading-semibold-h1-mobile-line-height: 100%;
+  --heading-semibold-h1-mobile-text-transform: none;
+  --heading-semibold-h1-mobile-text-decoration: none;
+  --hero-bold-display-font-family: Geist;
+  --hero-bold-display-font-size: 56px;
+  --hero-bold-display-font-weight: 700;
+  --hero-bold-display-letter-spacing: 0.15px;
+  --hero-bold-display-line-height: 100%;
+  --hero-bold-display-text-transform: none;
+  --hero-bold-display-text-decoration: none;
+
+  /* ── effect ── */
+  --elevation-1-input: 0px 1px 2px 0px #00000033;
+  --elevation-2-card: 0px 1px 2px 0px #00000033, 0px 2px 6px 0px #00000033;
+  --elevation-3-popover: 0px 2px 8px -2px #00000033, 0px 6px 16px -4px #00000059;
+  --elevation-4-modal: 0px 6px 18px -6px #00000059, 0px 16px 40px -10px #00000099;
+  --elevation-5-focus-ring: 0px 0px 0px 3px #3b82f666;
+  --elevation-6-focus-ring-destructive: 0px 0px 0px 3px #fca5a566;
+  --blur-overlay: 0 0 50px 0 0;
+  --blur-layer: 0 0 0 0 0;
+  --blur-glass: 0 0 0 0 0;
+}
+
+:root, [data-theme="light"] {
+  /* ── Color ── */
+  --background-canvas: #f8fafc;
+  --background-muted: #f1f5f9;
+  --background-surface: #ffffff;
+  --background-navbar: #ffffff;
+  --background-sidebar: #f8fafc;
+  --background-buttonbar: #f8fafc;
+  --background-sidebar-accent: #eff6ff;
+  --background-brand: #2563eb;
+  --background-accent: #eff6ff;
+  --background-accent-dep: #eff6ff;
+  --background-secondary: #f1f5f9;
+  --background-popover: #ffffff;
+  --background-input: #ffffff;
+  --background-overlay: #ffffff;
+  --background-scrim: #02061780;
+  --background-inverse: #0f172a;
+  --background-strong: #e2e8f0;
+  --background-transparent: #ffffff00;
+  --background-progressbar-base: #ffffffcc;
+  --scrim-background-blur: 50px;
+  --border-default: #e2e8f0;
+  --border-muted: #f1f5f9;
+  --border-subtle: #f8fafc;
+  --border-input: #e2e8f0;
+  --border-strong: #cbd5e1;
+  --border-disabled: #e2e8f0;
+  --border-transparent: #ffffff00;
+  --border-brand: #2563eb;
+  --border-avatar: #ffffff;
+  --border-inverse: #0f172a;
+  --text-primary: #0f172a;
+  --text-dialog: #0f172a;
+  --text-sidebar: #0f172a;
+  --text-secondary: #334155;
+  --text-popover: #1f2937;
+  --text-muted: #64748b;
+  --text-disabled: #94a3b8;
+  --text-inverse: #ffffff;
+  --text-inverse-secondary: #e2e8f0;
+  --text-link: #2563eb;
+  --text-link-hover: #1d4ed8;
+  --icon-primary: #0f172a;
+  --icon-secondary: #334155;
+  --icon-sidebar: #334155;
+  --icon-popover: #1f2937;
+  --icon-muted: #64748b;
+  --icon-disabled: #94a3b8;
+  --icon-inverse: #ffffff;
+  --icon-inverse-secondary: #cbd5e1;
+  --icon-link: #2563eb;
+  --icon-link-hover: #1d4ed8;
+  --focus-ring-global-ring: #2563eb;
+  --focus-ring-global-shadow-color: #3b82f666;
+  --focus-ring-offset: #ffffff;
+  --focus-transparent-focus: #ffffff00;
+  --focus-y: 0px;
+  --focus-blur: 0px;
+  --focus-spread: 3px;
+  --focus-ring-destructive-ring: #dc2626;
+  --focus-ring-destructive-shadow-color: #dc262633;
+  --action-primary-background: #2563eb;
+  --action-primary-background-hover: #1d4ed8;
+  --action-primary-background-pressed: #1e40af;
+  --action-primary-text: #ffffff;
+  --action-primary-border: #ffffff00;
+  --action-outline-archive-background: #ffffff;
+  --action-outline-archive-background-hover: #f8fafc;
+  --action-outline-archive-border: #e2e8f0;
+  --action-outline-archive-border-focus: #94a3b8;
+  --action-outline-background: #ffffff;
+  --action-outline-background-hover: #f8fafc;
+  --action-outline-background-pressed: #f1f5f9;
+  --action-outline-text: #0f172a;
+  --action-outline-border: #e2e8f0;
+  --action-secondary-background: #f1f5f9;
+  --action-secondary-background-hover: #e2e8f0;
+  --action-secondary-background-pressed: #cbd5e1;
+  --action-secondary-text: #0f172a;
+  --action-ghost-background: #ffffff00;
+  --action-ghost-background-focus: #ffffff00;
+  --action-ghost-background-hover: #f8fafc;
+  --action-ghost-background-pressed: #f1f5f9;
+  --action-ghost-text: #0f172a;
+  --action-ghost-border: #ffffff00;
+  --action-link-background: #ffffff00;
+  --action-link-background-hover: #ffffff00;
+  --action-link-background-focus: #ffffff00;
+  --action-link-background-pressed: #ffffff00;
+  --action-link-border: #ffffff00;
+  --action-link-text: #2563eb;
+  --action-link-text-hover: #1d4ed8;
+  --action-destructive-background: #dc2626;
+  --action-destructive-background-hover: #b91c1c;
+  --action-destructive-background-pressed: #7f1d1d;
+  --action-destructive-text: #ffffff;
+  --action-destructive-border: #ffffff00;
+  --action-destructive-secondary-background: #fef2f2;
+  --action-destructive-secondary-background-hover: #fee2e2;
+  --action-destructive-secondary-background-pressed: #fecaca;
+  --action-destructive-secondary-text: #dc2626;
+  --action-destructive-secondary-border: #ffffff00;
+  --action-disabled-background: #f1f5f9;
+  --action-disabled-text: #94a3b8;
+  --action-disabled-border: #e2e8f0;
+  --avatar-pink: #fad6f9;
+  --avatar-blue: #bedbff;
+  --avatar-green: #d0fae5;
+  --avatar-purple: #c6d2ff;
+  --avatar-orange: #ffd6a8;
+  --field-background: #ffffff;
+  --field-popover-accent: #334155;
+  --field-transparent: #ffffff00;
+  --field-background-input-30: #ffffff;
+  --field-background-input-50: #f8fafc;
+  --field-slider-grabber: #ffffff;
+  --field-slider-border: #334155;
+  --field-slider-track: #1f2937;
+  --field-background-input-80: #e2e8f0;
+  --field-calendar-background-input-30: #ffffff;
+  --field-calendar-background-input-50: #f8fafc;
+  --field-background-disabled: #f8fafc;
+  --field-border-input: #e2e8f0;
+  --field-border-input--x: #e2e8f0;
+  --field-border-xx: #e2e8f0;
+  --field-border-hover: #cbd5e1;
+  --field-border-focus: #2563eb;
+  --field-border-error: #dc2626;
+  --field-border-disabled: #e2e8f0;
+  --field-label: #1f2937;
+  --field-icon: #64748b;
+  --field-placeholder: #64748b;
+  --field-text: #0f172a;
+  --field-help-text: #475569;
+  --field-text-disabled: #94a3b8;
+  --field-placeholder-disabled: #94a3b8;
+  --field-error-text: #b91c1c;
+  --field-switch-active: #0f172a;
+  --field-radio-active-box: #ffffffe5;
+  --status-success-background: #f0fdf4;
+  --status-success-border: #bbf7d0;
+  --status-success-text: #15803d;
+  --status-success-icon: #22c55e;
+  --status-info-background: #eff6ff;
+  --status-info-border: #bfdbfe;
+  --status-info-text: #1d4ed8;
+  --status-info-icon: #3b82f6;
+  --status-warning-background: #fffbeb;
+  --status-warning-border: #fde68a;
+  --status-warning-text: #d97706;
+  --status-warning-icon: #f59e0b;
+  --status-error-background: #fef2f2;
+  --status-error-border: #fecaca;
+  --status-error-text: #dc2626;
+  --status-error-icon: #ef4444;
+  --status-badge-background: #3b82f6;
+  --status-badge-hover: #ffffff26;
+  --elevation-01-layer-1-x: 0px;
+  --elevation-01-layer-1-y: 1px;
+  --elevation-01-layer-1-blur: 2px;
+  --elevation-01-layer-1-spread: 0px;
+  --elevation-01-layer-1-shadow-color: #0206170f;
+  --elevation-02-layer-1-x: 0px;
+  --elevation-02-layer-1-y: 1px;
+  --elevation-02-layer-1-blur: 2px;
+  --elevation-02-layer-1-spread: 0px;
+  --elevation-02-layer-1-shadow-color: #02061714;
+  --elevation-02-layer-2-x: 0px;
+  --elevation-02-layer-2-y: 2px;
+  --elevation-02-layer-2-blur: 6px;
+  --elevation-02-layer-2-spread: 0px;
+  --elevation-02-layer-2-shadow-color: #0206170f;
+  --elevation-03-layer-1-x: 0px;
+  --elevation-03-layer-1-y: 4px;
+  --elevation-03-layer-1-blur: 12px;
+  --elevation-03-layer-1-spread: -2px;
+  --elevation-03-layer-1-shadow-color: #0206171a;
+  --elevation-03-layer-2-x: 0px;
+  --elevation-03-layer-2-y: 2px;
+  --elevation-03-layer-2-blur: 6px;
+  --elevation-03-layer-2-spread: -2px;
+  --elevation-03-layer-2-color: #02061714;
+  --elevation-04-layer-1-x: 0px;
+  --elevation-04-layer-1-y: 12px;
+  --elevation-04-layer-1-blur: 32px;
+  --elevation-04-layer-1-spread: -8px;
+  --elevation-04-layer-1-shadow-color: #0206172e;
+  --elevation-04-layer-2-x: 0px;
+  --elevation-04-layer-2-y: 4px;
+  --elevation-04-layer-2-blur: 12px;
+  --elevation-04-layer-2-spread: -4px;
+  --elevation-04-layer-2-shadow-color: #0206171a;
+}
+
+.dark, [data-theme="dark"] {
+  /* ── Color ── */
+  --background-canvas: #020617;
+  --background-muted: #1f2937;
+  --background-surface: #0f172a;
+  --background-navbar: #0f172a;
+  --background-sidebar: #020617;
+  --background-buttonbar: #020617;
+  --background-sidebar-accent: #1e3a8a80;
+  --background-brand: #60a5fa;
+  --background-accent: #334155;
+  --background-accent-dep: #1e3a8a80;
+  --background-secondary: #1f2937;
+  --background-popover: #1f2937;
+  --background-input: #1f2937;
+  --background-overlay: #0f172a;
+  --background-scrim: #020617b8;
+  --background-inverse: #ffffff;
+  --background-strong: #1f2937;
+  --background-transparent: #ffffff00;
+  --background-progressbar-base: #020617b8;
+  --scrim-background-blur: 50px;
+  --border-default: #334155;
+  --border-muted: #1f2937;
+  --border-subtle: #0f172a;
+  --border-input: #1f2937;
+  --border-strong: #475569;
+  --border-disabled: #1f2937;
+  --border-transparent: #334155;
+  --border-brand: #60a5fa;
+  --border-avatar: #020617;
+  --border-inverse: #ffffff;
+  --text-primary: #f8fafc;
+  --text-dialog: #f8fafc;
+  --text-sidebar: #f8fafc;
+  --text-secondary: #cbd5e1;
+  --text-popover: #e2e8f0;
+  --text-muted: #94a3b8;
+  --text-disabled: #475569;
+  --text-inverse: #0f172a;
+  --text-inverse-secondary: #1f2937;
+  --text-link: #60a5fa;
+  --text-link-hover: #93c5fd;
+  --icon-primary: #f8fafc;
+  --icon-secondary: #cbd5e1;
+  --icon-sidebar: #cbd5e1;
+  --icon-popover: #e2e8f0;
+  --icon-muted: #94a3b8;
+  --icon-disabled: #475569;
+  --icon-inverse: #0f172a;
+  --icon-inverse-secondary: #334155;
+  --icon-link: #60a5fa;
+  --icon-link-hover: #93c5fd;
+  --focus-ring-global-ring: #3b82f6;
+  --focus-ring-global-shadow-color: #3b82f666;
+  --focus-ring-offset: #0f172a;
+  --focus-transparent-focus: #0f172a00;
+  --focus-y: 0px;
+  --focus-blur: 0px;
+  --focus-spread: 3px;
+  --focus-ring-destructive-ring: #fca5a5;
+  --focus-ring-destructive-shadow-color: #fca5a566;
+  --action-primary-background: #60a5fa;
+  --action-primary-background-hover: #93c5fd;
+  --action-primary-background-pressed: #bfdbfe;
+  --action-primary-text: #0f172a;
+  --action-primary-border: #ffffff00;
+  --action-outline-archive-background: #0f172a;
+  --action-outline-archive-background-hover: #1f2937;
+  --action-outline-archive-border: #1f2937;
+  --action-outline-archive-border-focus: #475569;
+  --action-outline-background: #ffffff05;
+  --action-outline-background-hover: #ffffff0d;
+  --action-outline-background-pressed: #334155;
+  --action-outline-text: #f8fafc;
+  --action-outline-border: #ffffff26;
+  --action-secondary-background: #1f2937;
+  --action-secondary-background-hover: #334155;
+  --action-secondary-background-pressed: #475569;
+  --action-secondary-text: #f8fafc;
+  --action-ghost-background: #ffffff00;
+  --action-ghost-background-focus: #ffffff00;
+  --action-ghost-background-hover: #ffffff0f;
+  --action-ghost-background-pressed: #ffffff1a;
+  --action-ghost-text: #f8fafc;
+  --action-ghost-border: #ffffff00;
+  --action-link-background: #ffffff00;
+  --action-link-background-hover: #ffffff00;
+  --action-link-background-focus: #ffffff00;
+  --action-link-background-pressed: #ffffff00;
+  --action-link-border: #ffffff00;
+  --action-link-text: #60a5fa;
+  --action-link-text-hover: #93c5fd;
+  --action-destructive-background: #b91c1c;
+  --action-destructive-background-hover: #ef4444;
+  --action-destructive-background-pressed: #991b1b;
+  --action-destructive-text: #0f172a;
+  --action-destructive-border: #ffffff00;
+  --action-destructive-secondary-background: #991b1b;
+  --action-destructive-secondary-background-hover: #b91c1c;
+  --action-destructive-secondary-background-pressed: #7f1d1d;
+  --action-destructive-secondary-text: #ffffff;
+  --action-destructive-secondary-border: #ffffff00;
+  --action-disabled-background: #1f2937;
+  --action-disabled-text: #475569;
+  --action-disabled-border: #1f2937;
+  --avatar-pink: #7e0772;
+  --avatar-blue: #193cb8;
+  --avatar-green: #006045;
+  --avatar-purple: #372aac;
+  --avatar-orange: #9f2d00;
+  --field-background: #0f172a;
+  --field-popover-accent: #334155;
+  --field-transparent: #ffffff00;
+  --field-background-input-30: #ffffff0d;
+  --field-background-input-50: #ffffff1a;
+  --field-slider-grabber: #64748b;
+  --field-slider-border: #94a3b8;
+  --field-slider-track: #f1f5f9;
+  --field-background-input-80: #ffffff26;
+  --field-calendar-background-input-30: #ffffff08;
+  --field-calendar-background-input-50: #ffffff0f;
+  --field-background-disabled: #020617;
+  --field-border-input: #334155;
+  --field-border-input--x: #ffffff3d;
+  --field-border-xx: #334155;
+  --field-border-hover: #475569;
+  --field-border-focus: #3b82f6;
+  --field-border-error: #ef4444;
+  --field-border-disabled: #1f2937;
+  --field-label: #e2e8f0;
+  --field-icon: #94a3b8;
+  --field-placeholder: #94a3b8;
+  --field-text: #f8fafc;
+  --field-help-text: #94a3b8;
+  --field-text-disabled: #475569;
+  --field-placeholder-disabled: #475569;
+  --field-error-text: #fecaca;
+  --field-switch-active: #93c5fd;
+  --field-radio-active-box: #020617cc;
+  --status-success-background: #052e16;
+  --status-success-border: #15803d;
+  --status-success-text: #bbf7d0;
+  --status-success-icon: #bbf7d0;
+  --status-info-background: #1e3a8a;
+  --status-info-border: #1d4ed8;
+  --status-info-text: #bfdbfe;
+  --status-info-icon: #bfdbfe;
+  --status-warning-background: #78350f;
+  --status-warning-border: #b45309;
+  --status-warning-text: #fde68a;
+  --status-warning-icon: #fde68a;
+  --status-error-background: #7f1d1d;
+  --status-error-border: #b91c1c;
+  --status-error-text: #fecaca;
+  --status-error-icon: #fecaca;
+  --status-badge-background: #93c5fd;
+  --status-badge-hover: #02061726;
+  --elevation-01-layer-1-x: 0px;
+  --elevation-01-layer-1-y: 1px;
+  --elevation-01-layer-1-blur: 2px;
+  --elevation-01-layer-1-spread: 0px;
+  --elevation-01-layer-1-shadow-color: #00000033;
+  --elevation-02-layer-1-x: 0px;
+  --elevation-02-layer-1-y: 1px;
+  --elevation-02-layer-1-blur: 2px;
+  --elevation-02-layer-1-spread: 0px;
+  --elevation-02-layer-1-shadow-color: #00000033;
+  --elevation-02-layer-2-x: 0px;
+  --elevation-02-layer-2-y: 2px;
+  --elevation-02-layer-2-blur: 6px;
+  --elevation-02-layer-2-spread: 0px;
+  --elevation-02-layer-2-shadow-color: #00000033;
+  --elevation-03-layer-1-x: 0px;
+  --elevation-03-layer-1-y: 6px;
+  --elevation-03-layer-1-blur: 16px;
+  --elevation-03-layer-1-spread: -4px;
+  --elevation-03-layer-1-shadow-color: #00000059;
+  --elevation-03-layer-2-x: 0px;
+  --elevation-03-layer-2-y: 2px;
+  --elevation-03-layer-2-blur: 8px;
+  --elevation-03-layer-2-spread: -2px;
+  --elevation-03-layer-2-color: #00000033;
+  --elevation-04-layer-1-x: 0px;
+  --elevation-04-layer-1-y: 16px;
+  --elevation-04-layer-1-blur: 40px;
+  --elevation-04-layer-1-spread: -10px;
+  --elevation-04-layer-1-shadow-color: #00000099;
+  --elevation-04-layer-2-x: 0px;
+  --elevation-04-layer-2-y: 6px;
+  --elevation-04-layer-2-blur: 18px;
+  --elevation-04-layer-2-spread: -6px;
+  --elevation-04-layer-2-shadow-color: #00000059;
+}