@etus/tokens 1.0.1 → 2.0.0

package/dist/tokens.meta.json

@@ -1407,6 +1407,46 @@
         "light": "oklch(100.00% 0.0000 0)",
         "dark": "oklch(20.46% 0.0000 0)"
       },
+      {
+        "name": "popover-bg",
+        "cssVar": "--popover-bg",
+        "type": "color",
+        "description": "Popover bg dark override per DES-1294 item 7.",
+        "dark": "oklch(20.46% 0.0000 0)",
+        "light": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "popover-border",
+        "cssVar": "--popover-border",
+        "type": "color",
+        "description": "Popover border dark override per DES-1294 item 7.",
+        "dark": "oklch(37.15% 0.0000 0)",
+        "light": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "popover-content-background",
+        "cssVar": "--popover-content-background",
+        "type": "color",
+        "description": "Popover content background dark override per DES-1294 item 7.",
+        "dark": "oklch(20.46% 0.0000 0)",
+        "light": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "popover-content-foreground",
+        "cssVar": "--popover-content-foreground",
+        "type": "color",
+        "description": "Popover content foreground dark override per DES-1294 item 7.",
+        "dark": "oklch(98.51% 0.0000 0)",
+        "light": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "popover-fg",
+        "cssVar": "--popover-fg",
+        "type": "color",
+        "description": "Popover fg dark override per DES-1294 item 7.",
+        "dark": "oklch(98.51% 0.0000 0)",
+        "light": "oklch(20.46% 0.0000 0)"
+      },
       {
         "name": "popover-foreground",
         "cssVar": "--popover-foreground",
@@ -1843,6 +1883,54 @@
   },
   "typography": {
     "tokens": [
+      {
+        "name": "avatar-label-c2-font-weight",
+        "cssVar": "--avatar-label-c2-font-weight",
+        "type": "fontWeight",
+        "value": "600"
+      },
+      {
+        "name": "avatar-label-h3-font-weight",
+        "cssVar": "--avatar-label-h3-font-weight",
+        "type": "fontWeight",
+        "value": "700"
+      },
+      {
+        "name": "avatar-label-h4-font-weight",
+        "cssVar": "--avatar-label-h4-font-weight",
+        "type": "fontWeight",
+        "value": "700"
+      },
+      {
+        "name": "avatar-label-p1-font-weight",
+        "cssVar": "--avatar-label-p1-font-weight",
+        "type": "fontWeight",
+        "value": "400"
+      },
+      {
+        "name": "avatar-label-p2-font-weight",
+        "cssVar": "--avatar-label-p2-font-weight",
+        "type": "fontWeight",
+        "value": "400"
+      },
+      {
+        "name": "avatar-label-p3-font-weight",
+        "cssVar": "--avatar-label-p3-font-weight",
+        "type": "fontWeight",
+        "value": "400"
+      },
+      {
+        "name": "feature-item-link-font-weight",
+        "cssVar": "--feature-item-link-font-weight",
+        "type": "fontWeight",
+        "value": "600"
+      },
+      {
+        "name": "feature-item-title-font-weight",
+        "cssVar": "--feature-item-title-font-weight",
+        "type": "fontWeight",
+        "value": "600"
+      },
       {
         "name": "font-leading-loose",
         "cssVar": "--font-leading-loose",
@@ -2159,7 +2247,8 @@
         "name": "kbd-root-font-weight",
         "cssVar": "--kbd-root-font-weight",
         "type": "fontWeight",
-        "value": "500"
+        "description": "Kbd font-weight aligned with Figma semibold (600) per DES-1077 — pre-fix was 500 (medium).",
+        "value": "600"
       },
       {
         "name": "label-optional-font-weight",
@@ -2171,7 +2260,8 @@
         "name": "label-root-font-weight",
         "cssVar": "--label-root-font-weight",
         "type": "fontWeight",
-        "value": "500"
+        "description": "Aligned with Figma style Paragraph/P3 — weight=normal (400)",
+        "value": "400"
       },
       {
         "name": "paragraph-base-font-family",
@@ -2203,6 +2293,27 @@
         "type": "fontWeight",
         "value": "600"
       },
+      {
+        "name": "sidebar-nav-item-font-weight",
+        "cssVar": "--sidebar-nav-item-font-weight",
+        "type": "fontWeight",
+        "description": "Panel nav-item label weight = normal.",
+        "value": "400"
+      },
+      {
+        "name": "sidebar-panel-header-font-weight",
+        "cssVar": "--sidebar-panel-header-font-weight",
+        "type": "fontWeight",
+        "description": "Panel title weight = bold (Figma font-bold).",
+        "value": "700"
+      },
+      {
+        "name": "sidebar-section-title-font-weight",
+        "cssVar": "--sidebar-section-title-font-weight",
+        "type": "fontWeight",
+        "description": "Section title weight = normal (Figma Inter Regular).",
+        "value": "400"
+      },
       {
         "name": "text-color-default",
         "cssVar": "--text-color-default",
@@ -2531,17 +2642,32 @@
         "type": "lineHeight",
         "value": "32px"
       },
+      {
+        "name": "text-size-2xs-font-size",
+        "cssVar": "--text-size-2xs-font-size",
+        "type": "fontSize",
+        "description": "Text 2xs added per DES-1314 item 5.",
+        "value": "10px"
+      },
+      {
+        "name": "text-size-2xs-line-height",
+        "cssVar": "--text-size-2xs-line-height",
+        "type": "lineHeight",
+        "value": "14px"
+      },
       {
         "name": "text-size-3xl-font-size",
         "cssVar": "--text-size-3xl-font-size",
         "type": "fontSize",
-        "value": "30px"
+        "description": "Text 3xl aligned with Figma 32px per Bowser audit Text — pre-fix was 30px.",
+        "value": "32px"
       },
       {
         "name": "text-size-3xl-line-height",
         "cssVar": "--text-size-3xl-line-height",
         "type": "lineHeight",
-        "value": "36px"
+        "description": "Text 3xl line-height aligned with Figma 40px per Bowser audit Text — pre-fix was 36px.",
+        "value": "40px"
       },
       {
         "name": "text-size-4xl-font-size",
@@ -2553,7 +2679,60 @@
         "name": "text-size-4xl-line-height",
         "cssVar": "--text-size-4xl-line-height",
         "type": "lineHeight",
-        "value": "40px"
+        "description": "Text 4xl line-height aligned with Figma 44px per Bowser audit Text — pre-fix was 40px.",
+        "value": "44px"
+      },
+      {
+        "name": "text-size-5xl-font-size",
+        "cssVar": "--text-size-5xl-font-size",
+        "type": "fontSize",
+        "description": "Text 5xl added per DES-1314 item 5.",
+        "value": "48px"
+      },
+      {
+        "name": "text-size-5xl-line-height",
+        "cssVar": "--text-size-5xl-line-height",
+        "type": "lineHeight",
+        "value": "56px"
+      },
+      {
+        "name": "text-size-6xl-font-size",
+        "cssVar": "--text-size-6xl-font-size",
+        "type": "fontSize",
+        "description": "Text 6xl added per DES-1314 item 5.",
+        "value": "60px"
+      },
+      {
+        "name": "text-size-6xl-line-height",
+        "cssVar": "--text-size-6xl-line-height",
+        "type": "lineHeight",
+        "value": "68px"
+      },
+      {
+        "name": "text-size-7xl-font-size",
+        "cssVar": "--text-size-7xl-font-size",
+        "type": "fontSize",
+        "description": "Text 7xl added per DES-1314 item 5.",
+        "value": "72px"
+      },
+      {
+        "name": "text-size-7xl-line-height",
+        "cssVar": "--text-size-7xl-line-height",
+        "type": "lineHeight",
+        "value": "80px"
+      },
+      {
+        "name": "text-size-8xl-font-size",
+        "cssVar": "--text-size-8xl-font-size",
+        "type": "fontSize",
+        "description": "Text 8xl added per DES-1314 item 5.",
+        "value": "96px"
+      },
+      {
+        "name": "text-size-8xl-line-height",
+        "cssVar": "--text-size-8xl-line-height",
+        "type": "lineHeight",
+        "value": "104px"
       },
       {
         "name": "text-size-base-font-size",
@@ -2629,6 +2808,27 @@
         "description": "Tertiary text (neutral-400)",
         "value": "oklch(71.55% 0.0000 0)"
       },
+      {
+        "name": "text-variant-code-padding-x",
+        "cssVar": "--text-variant-code-padding-x",
+        "type": "dimension",
+        "description": "Text variant=code horizontal padding per DES-1314 — was hardcoded.",
+        "value": "0.3rem"
+      },
+      {
+        "name": "text-variant-code-padding-y",
+        "cssVar": "--text-variant-code-padding-y",
+        "type": "dimension",
+        "description": "Text variant=code vertical padding per DES-1314 — was hardcoded.",
+        "value": "0.2rem"
+      },
+      {
+        "name": "text-variant-code-radius",
+        "cssVar": "--text-variant-code-radius",
+        "type": "dimension",
+        "description": "Text variant=code border-radius per DES-1314 — was bare rounded utility.",
+        "value": "4px"
+      },
       {
         "name": "text-warning",
         "cssVar": "--text-warning",
@@ -3160,48 +3360,6 @@
         "cssVar": "--layout-header-height",
         "type": "dimension",
         "value": "56px"
-      },
-      {
-        "name": "layout-rail-background",
-        "cssVar": "--layout-rail-background",
-        "type": "color",
-        "value": "oklch(98.51% 0.0000 0)"
-      },
-      {
-        "name": "layout-rail-border",
-        "cssVar": "--layout-rail-border",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
-      },
-      {
-        "name": "layout-rail-width",
-        "cssVar": "--layout-rail-width",
-        "type": "dimension",
-        "value": "48px"
-      },
-      {
-        "name": "layout-sidebar-background",
-        "cssVar": "--layout-sidebar-background",
-        "type": "color",
-        "value": "oklch(98.51% 0.0000 0)"
-      },
-      {
-        "name": "layout-sidebar-border",
-        "cssVar": "--layout-sidebar-border",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
-      },
-      {
-        "name": "layout-sidebar-collapsed-width",
-        "cssVar": "--layout-sidebar-collapsed-width",
-        "type": "dimension",
-        "value": "64px"
-      },
-      {
-        "name": "layout-sidebar-width",
-        "cssVar": "--layout-sidebar-width",
-        "type": "dimension",
-        "value": "240px"
       }
     ]
   },
@@ -3211,29 +3369,36 @@
         "name": "shadow-lg",
         "cssVar": "--shadow-lg",
         "type": "shadow",
-        "description": "Dark mode large shadow: white inner highlight + black outer drop",
-        "value": "inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 12px 24px 0 rgb(0 0 0 / 0.45)"
+        "description": "Light mode large shadow: modals and popovers complexos.",
+        "value": "0 10px 20px 0 rgb(0 0 0 / 0.12), 0 6px 6px 0 rgb(0 0 0 / 0.08)"
       },
       {
         "name": "shadow-md",
         "cssVar": "--shadow-md",
         "type": "shadow",
-        "description": "Dark mode medium shadow: white inner highlight + black outer drop",
-        "value": "inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 6px 12px 0 rgb(0 0 0 / 0.40)"
+        "description": "Light mode medium shadow: dropdowns, popovers and similar mid-elevation surfaces.",
+        "value": "0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06)"
       },
       {
         "name": "shadow-sm",
         "cssVar": "--shadow-sm",
         "type": "shadow",
-        "description": "Dark mode small shadow: white inner highlight + black outer drop",
-        "value": "inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35)"
+        "description": "Light mode small shadow: discreet drop for raised cards and sticky elements.",
+        "value": "0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.04)"
       },
       {
         "name": "shadow-xl",
         "cssVar": "--shadow-xl",
         "type": "shadow",
-        "description": "Dark mode extra-large shadow: white inner highlight + black outer drop",
-        "value": "inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50)"
+        "description": "Light mode extra-large shadow: tooltips e overlays de maior elevação.",
+        "value": "0 20px 40px 0 rgb(0 0 0 / 0.12), 0 10px 10px 0 rgb(0 0 0 / 0.10)"
+      },
+      {
+        "name": "shadow-xs",
+        "cssVar": "--shadow-xs",
+        "type": "shadow",
+        "description": "Light mode extra-small shadow: subtle button-level lift (1px drop). Aligns with --button-shadow-xs and cd/ skill --shadow-xs.",
+        "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
       }
     ]
   },
@@ -3580,7 +3745,7 @@
         "name": "icon-size-2xl",
         "cssVar": "--icon-size-2xl",
         "type": "dimension",
-        "value": "40px"
+        "value": "48px"
       },
       {
         "name": "icon-size-2xs",
@@ -3650,7 +3815,8 @@
         "name": "accordion-icon-size",
         "cssVar": "--accordion-icon-size",
         "type": "dimension",
-        "value": "16px"
+        "description": "Accordion icon size aligned with Figma 20px per DES-1240 — pre-fix was 16px (spacing.4).",
+        "value": "20px"
       },
       {
         "name": "accordion-icon-transition-duration",
@@ -3706,6 +3872,26 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "accordion-trigger-radius",
+        "cssVar": "--accordion-trigger-radius",
+        "type": "dimension",
+        "description": "Accordion trigger radius tokenized per DES-1240 item 5 — was Tailwind direct rounded-md.",
+        "value": "8px"
+      },
+      {
+        "name": "accordion-trigger-ring-primary",
+        "cssVar": "--accordion-trigger-ring-primary",
+        "type": "color",
+        "description": "Accordion trigger focus ring per DES-1240 item 6.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "accordion-trigger-ring-width",
+        "cssVar": "--accordion-trigger-ring-width",
+        "type": "dimension",
+        "value": "3px"
+      },
       {
         "name": "accordion-trigger-text-size-lg",
         "cssVar": "--accordion-trigger-text-size-lg",
@@ -3724,6 +3910,20 @@
         "type": "dimension",
         "value": "0.75rem"
       },
+      {
+        "name": "account-switch-content-min-width",
+        "cssVar": "--account-switch-content-min-width",
+        "type": "dimension",
+        "description": "Dropdown content min-width (280px) so the account list never collapses below readable width.",
+        "value": "17.5rem"
+      },
+      {
+        "name": "account-switch-name-max-width",
+        "cssVar": "--account-switch-name-max-width",
+        "type": "dimension",
+        "description": "Account name label max-width in the trigger button (160px). Truncates with ellipsis past this.",
+        "value": "10rem"
+      },
       {
         "name": "alert-icon-size",
         "cssVar": "--alert-icon-size",
@@ -3776,19 +3976,85 @@
         "name": "alert-variant-destructive-bg",
         "cssVar": "--alert-variant-destructive-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "description": "Destructive alert bg (Figma 1405:15594 — status/destructive/subtle)",
+        "value": "oklch(97.05% 0.0129 17.38)"
       },
       {
         "name": "alert-variant-destructive-border",
         "cssVar": "--alert-variant-destructive-border",
         "type": "color",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "description": "Destructive alert border (Figma — status/destructive/border)",
+        "value": "oklch(88.45% 0.0593 18.33)"
       },
       {
         "name": "alert-variant-destructive-fg",
         "cssVar": "--alert-variant-destructive-fg",
         "type": "color",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "description": "Destructive alert fg (Figma — status/destructive/subtle-foreground)",
+        "value": "oklch(50.54% 0.1905 27.52)"
+      },
+      {
+        "name": "alert-variant-info-bg",
+        "cssVar": "--alert-variant-info-bg",
+        "type": "color",
+        "description": "Info alert bg (Figma 1405:15771 — status/info/subtle)",
+        "value": "oklch(97.05% 0.0142 254.60)"
+      },
+      {
+        "name": "alert-variant-info-border",
+        "cssVar": "--alert-variant-info-border",
+        "type": "color",
+        "description": "Info alert border (Figma — status/info/border)",
+        "value": "oklch(88.23% 0.0571 254.13)"
+      },
+      {
+        "name": "alert-variant-info-fg",
+        "cssVar": "--alert-variant-info-fg",
+        "type": "color",
+        "description": "Info alert fg (Figma — status/info/subtle-foreground)",
+        "value": "oklch(48.82% 0.2172 264.38)"
+      },
+      {
+        "name": "alert-variant-success-bg",
+        "cssVar": "--alert-variant-success-bg",
+        "type": "color",
+        "description": "Success alert bg (Figma 1405:15781 — status/success/subtle)",
+        "value": "oklch(98.19% 0.0181 155.83)"
+      },
+      {
+        "name": "alert-variant-success-border",
+        "cssVar": "--alert-variant-success-border",
+        "type": "color",
+        "description": "Success alert border (Figma — status/success/border)",
+        "value": "oklch(92.50% 0.0806 155.99)"
+      },
+      {
+        "name": "alert-variant-success-fg",
+        "cssVar": "--alert-variant-success-fg",
+        "type": "color",
+        "description": "Success alert fg (Figma — status/success/subtle-foreground)",
+        "value": "oklch(52.73% 0.1371 150.07)"
+      },
+      {
+        "name": "alert-variant-warning-bg",
+        "cssVar": "--alert-variant-warning-bg",
+        "type": "color",
+        "description": "Warning alert bg (Figma 1405:15791 — status/warning/subtle)",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "alert-variant-warning-border",
+        "cssVar": "--alert-variant-warning-border",
+        "type": "color",
+        "description": "Warning alert border (Figma — status/warning/border)",
+        "value": "oklch(94.51% 0.1243 101.54)"
+      },
+      {
+        "name": "alert-variant-warning-fg",
+        "cssVar": "--alert-variant-warning-fg",
+        "type": "color",
+        "description": "Warning alert fg (Figma — status/warning/subtle-foreground)",
+        "value": "oklch(55.38% 0.1207 66.44)"
       },
       {
         "name": "asset-manager-grid-columns",
@@ -4012,6 +4278,13 @@
         "type": "dimension",
         "value": "0.875rem"
       },
+      {
+        "name": "autocomplete-tags-max-width",
+        "cssVar": "--autocomplete-tags-max-width",
+        "type": "dimension",
+        "description": "Multi-select tags container max-width relative to input width. Leaves room for the input text cursor and remaining options.",
+        "value": "70%"
+      },
       {
         "name": "avatar-border-contrast",
         "cssVar": "--avatar-border-contrast",
@@ -4091,40 +4364,140 @@
         "value": "oklch(28.57% 0.0639 53.81)"
       },
       {
-        "name": "avatar-radius-circle",
-        "cssVar": "--avatar-radius-circle",
-        "type": "dimension",
-        "value": "9999px"
+        "name": "avatar-focus-ring-color",
+        "cssVar": "--avatar-focus-ring-color",
+        "type": "color",
+        "description": "Avatar focus-ring color per DES-1242.",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "avatar-radius-square",
-        "cssVar": "--avatar-radius-square",
+        "name": "avatar-focus-ring-offset",
+        "cssVar": "--avatar-focus-ring-offset",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Avatar focus-ring offset per DES-1242.",
+        "value": "2px"
       },
       {
-        "name": "avatar-size-2xl",
-        "cssVar": "--avatar-size-2xl",
+        "name": "avatar-focus-ring-width",
+        "cssVar": "--avatar-focus-ring-width",
         "type": "dimension",
-        "value": "64px"
+        "description": "Avatar focus-ring width per DES-1242 — matches Figma Focus rings/ring-gray spread 4.",
+        "value": "4px"
       },
       {
-        "name": "avatar-size-default",
-        "cssVar": "--avatar-size-default",
-        "type": "dimension",
-        "value": "40px"
+        "name": "avatar-label-c2-font-size",
+        "cssVar": "--avatar-label-c2-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label C2 caption font-size per DES-1242 item 2 — Figma Caption/C2 10px.",
+        "value": "10px"
       },
       {
-        "name": "avatar-size-lg",
-        "cssVar": "--avatar-size-lg",
-        "type": "dimension",
-        "value": "48px"
+        "name": "avatar-label-c2-line-height",
+        "cssVar": "--avatar-label-c2-line-height",
+        "type": "lineHeight",
+        "value": "14px"
       },
       {
-        "name": "avatar-size-sm",
-        "cssVar": "--avatar-size-sm",
-        "type": "dimension",
-        "value": "32px"
+        "name": "avatar-label-h3-font-size",
+        "cssVar": "--avatar-label-h3-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label H3 font-size per DES-1242 item 2 — Figma Heading/H3 24px.",
+        "value": "24px"
+      },
+      {
+        "name": "avatar-label-h3-line-height",
+        "cssVar": "--avatar-label-h3-line-height",
+        "type": "lineHeight",
+        "description": "Avatar Label H3 line-height per DES-1242 item 2 — Figma 32px.",
+        "value": "32px"
+      },
+      {
+        "name": "avatar-label-h4-font-size",
+        "cssVar": "--avatar-label-h4-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label H4 font-size per DES-1242 item 2 — Figma Heading/H4 20px.",
+        "value": "20px"
+      },
+      {
+        "name": "avatar-label-h4-line-height",
+        "cssVar": "--avatar-label-h4-line-height",
+        "type": "lineHeight",
+        "value": "28px"
+      },
+      {
+        "name": "avatar-label-p1-font-size",
+        "cssVar": "--avatar-label-p1-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label P1 font-size per DES-1242 item 2 — Figma Paragraph/P1 18px.",
+        "value": "18px"
+      },
+      {
+        "name": "avatar-label-p1-line-height",
+        "cssVar": "--avatar-label-p1-line-height",
+        "type": "lineHeight",
+        "value": "28px"
+      },
+      {
+        "name": "avatar-label-p2-font-size",
+        "cssVar": "--avatar-label-p2-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label P2 font-size per DES-1242 item 2 — Figma Paragraph/P2 16px (default).",
+        "value": "16px"
+      },
+      {
+        "name": "avatar-label-p2-line-height",
+        "cssVar": "--avatar-label-p2-line-height",
+        "type": "lineHeight",
+        "value": "24px"
+      },
+      {
+        "name": "avatar-label-p3-font-size",
+        "cssVar": "--avatar-label-p3-font-size",
+        "type": "fontSize",
+        "description": "Avatar Label P3 font-size per DES-1242 item 2 — Figma Paragraph/P3 14px.",
+        "value": "14px"
+      },
+      {
+        "name": "avatar-label-p3-line-height",
+        "cssVar": "--avatar-label-p3-line-height",
+        "type": "lineHeight",
+        "value": "20px"
+      },
+      {
+        "name": "avatar-radius-circle",
+        "cssVar": "--avatar-radius-circle",
+        "type": "dimension",
+        "value": "9999px"
+      },
+      {
+        "name": "avatar-radius-square",
+        "cssVar": "--avatar-radius-square",
+        "type": "dimension",
+        "value": "0.375rem"
+      },
+      {
+        "name": "avatar-size-2xl",
+        "cssVar": "--avatar-size-2xl",
+        "type": "dimension",
+        "value": "64px"
+      },
+      {
+        "name": "avatar-size-default",
+        "cssVar": "--avatar-size-default",
+        "type": "dimension",
+        "value": "40px"
+      },
+      {
+        "name": "avatar-size-lg",
+        "cssVar": "--avatar-size-lg",
+        "type": "dimension",
+        "value": "48px"
+      },
+      {
+        "name": "avatar-size-sm",
+        "cssVar": "--avatar-size-sm",
+        "type": "dimension",
+        "value": "32px"
       },
       {
         "name": "avatar-size-xl",
@@ -4246,11 +4619,71 @@
         "type": "color",
         "value": "oklch(21.23% 0.0502 138.22)"
       },
+      {
+        "name": "badge-color-success-bg",
+        "cssVar": "--badge-color-success-bg",
+        "type": "color",
+        "description": "Badge success bg per DES-1244 item 4.",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "badge-color-success-border",
+        "cssVar": "--badge-color-success-border",
+        "type": "color",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "badge-color-success-fg",
+        "cssVar": "--badge-color-success-fg",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "badge-color-warning-bg",
+        "cssVar": "--badge-color-warning-bg",
+        "type": "color",
+        "description": "Badge warning bg per DES-1244 item 4.",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "badge-color-warning-border",
+        "cssVar": "--badge-color-warning-border",
+        "type": "color",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "badge-color-warning-fg",
+        "cssVar": "--badge-color-warning-fg",
+        "type": "color",
+        "value": "oklch(28.57% 0.0639 53.81)"
+      },
+      {
+        "name": "badge-line-height-lg",
+        "cssVar": "--badge-line-height-lg",
+        "type": "dimension",
+        "description": "Badge lg line-height per DES-1244 item 5 — Figma text/line-height/sm.",
+        "value": "20px"
+      },
+      {
+        "name": "badge-line-height-md",
+        "cssVar": "--badge-line-height-md",
+        "type": "dimension",
+        "description": "Badge md line-height per DES-1244 item 5 — Figma text/line-height/sm.",
+        "value": "20px"
+      },
+      {
+        "name": "badge-line-height-sm",
+        "cssVar": "--badge-line-height-sm",
+        "type": "dimension",
+        "description": "Badge sm line-height per DES-1244 item 5 — Figma text/line-height/xs.",
+        "value": "16px"
+      },
       {
         "name": "badge-radius-default",
         "cssVar": "--badge-radius-default",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Badge default radius aligned with Figma radius/sm (4px) per DES-1244 — pre-fix was 0.375rem (6px).",
+        "value": "4px"
       },
       {
         "name": "badge-radius-pill",
@@ -4262,7 +4695,8 @@
         "name": "badge-size-lg-h",
         "cssVar": "--badge-size-lg-h",
         "type": "dimension",
-        "value": "28px"
+        "description": "Badge lg height aligned with Figma 32px per Bowser audit Badge — pre-fix was 28px (-4px diff).",
+        "value": "32px"
       },
       {
         "name": "badge-size-lg-px",
@@ -4280,7 +4714,8 @@
         "name": "badge-size-md-h",
         "cssVar": "--badge-size-md-h",
         "type": "dimension",
-        "value": "24px"
+        "description": "Badge md height aligned with Figma 28px per Bowser audit Badge — pre-fix was 24px (-4px diff).",
+        "value": "28px"
       },
       {
         "name": "badge-size-md-px",
@@ -4298,7 +4733,8 @@
         "name": "badge-size-sm-h",
         "cssVar": "--badge-size-sm-h",
         "type": "dimension",
-        "value": "22px"
+        "description": "Badge sm height aligned with Figma 24px per Bowser audit Badge — pre-fix was 22px (-2px diff).",
+        "value": "24px"
       },
       {
         "name": "badge-size-sm-px",
@@ -4315,7 +4751,8 @@
       {
         "name": "banner-root-gap",
         "cssVar": "--banner-root-gap",
-        "value": "8px"
+        "description": "Banner root gap aligned with Figma spacing/s-24 (24px) per DES-1246 — pre-fix was 8px (spacing.2).",
+        "value": "24px"
       },
       {
         "name": "banner-root-padding-x",
@@ -4461,6 +4898,27 @@
         "type": "dimension",
         "value": "320px"
       },
+      {
+        "name": "button-destructive-bg-default",
+        "cssVar": "--button-destructive-bg-default",
+        "type": "color",
+        "description": "Button destructive bg per DES-1248 item 2.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "button-destructive-bg-hover",
+        "cssVar": "--button-destructive-bg-hover",
+        "type": "color",
+        "description": "Button destructive hover bg per DES-1248 item 2.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "button-destructive-fg-default",
+        "cssVar": "--button-destructive-fg-default",
+        "type": "color",
+        "description": "Button destructive fg per DES-1248 item 2.",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
       {
         "name": "button-disabled-bg",
         "cssVar": "--button-disabled-bg",
@@ -4479,6 +4937,26 @@
         "type": "color",
         "value": "oklch(55.55% 0.0000 0)"
       },
+      {
+        "name": "button-ghost-bg-hover",
+        "cssVar": "--button-ghost-bg-hover",
+        "type": "color",
+        "description": "Button ghost hover bg per DES-1248 item 2.",
+        "value": "oklch(95.21% 0.0467 171.12)"
+      },
+      {
+        "name": "button-ghost-fg-default",
+        "cssVar": "--button-ghost-fg-default",
+        "type": "color",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "button-ghost-fg-hover",
+        "cssVar": "--button-ghost-fg-hover",
+        "type": "color",
+        "description": "Button ghost hover fg per DES-1248 item 2.",
+        "value": "oklch(26.88% 0.0527 163.85)"
+      },
       {
         "name": "button-group-item-background",
         "cssVar": "--button-group-item-background",
@@ -4498,15 +4976,29 @@
         "value": "oklch(97.02% 0.0000 0)"
       },
       {
-        "name": "button-group-item-font-size",
-        "cssVar": "--button-group-item-font-size",
+        "name": "button-group-item-font-size-lg",
+        "cssVar": "--button-group-item-font-size-lg",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "button-group-item-font-size-md",
+        "cssVar": "--button-group-item-font-size-md",
         "type": "dimension",
         "value": "0.875rem"
       },
+      {
+        "name": "button-group-item-font-size-sm",
+        "cssVar": "--button-group-item-font-size-sm",
+        "type": "dimension",
+        "description": "ButtonGroup item sm font-size 12px per DES-1250 item 3.",
+        "value": "0.75rem"
+      },
       {
         "name": "button-group-item-font-weight",
         "cssVar": "--button-group-item-font-weight",
-        "value": "600"
+        "description": "ButtonGroup item font-weight aligned with Figma medium (500) per DES-1250 — pre-fix was semibold (600).",
+        "value": "500"
       },
       {
         "name": "button-group-item-gap",
@@ -4515,34 +5007,104 @@
         "value": "8px"
       },
       {
-        "name": "button-group-item-height",
-        "cssVar": "--button-group-item-height",
+        "name": "button-group-item-height-lg",
+        "cssVar": "--button-group-item-height-lg",
         "type": "dimension",
+        "description": "ButtonGroup item lg height 40px (default — original value).",
         "value": "40px"
       },
       {
-        "name": "button-group-item-padding-x",
-        "cssVar": "--button-group-item-padding-x",
+        "name": "button-group-item-height-md",
+        "cssVar": "--button-group-item-height-md",
+        "type": "dimension",
+        "description": "ButtonGroup item md height 36px per DES-1250 item 3.",
+        "value": "36px"
+      },
+      {
+        "name": "button-group-item-height-sm",
+        "cssVar": "--button-group-item-height-sm",
+        "type": "dimension",
+        "description": "ButtonGroup item sm height 32px per DES-1250 item 3 — was hardcoded lg-only.",
+        "value": "32px"
+      },
+      {
+        "name": "button-group-item-line-height",
+        "cssVar": "--button-group-item-line-height",
+        "type": "dimension",
+        "description": "ButtonGroup item line-height aligned with Figma text/line-height/xs (16px) per DES-1250 item 6 — was Tailwind inherit.",
+        "value": "16px"
+      },
+      {
+        "name": "button-group-item-padding-x-lg",
+        "cssVar": "--button-group-item-padding-x-lg",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "button-group-item-padding-x-md",
+        "cssVar": "--button-group-item-padding-x-md",
         "type": "dimension",
         "value": "16px"
       },
       {
-        "name": "button-group-item-padding-y",
-        "cssVar": "--button-group-item-padding-y",
+        "name": "button-group-item-padding-x-sm",
+        "cssVar": "--button-group-item-padding-x-sm",
+        "type": "dimension",
+        "description": "ButtonGroup item sm padding-x 12px per DES-1250 item 3.",
+        "value": "12px"
+      },
+      {
+        "name": "button-group-item-padding-y-lg",
+        "cssVar": "--button-group-item-padding-y-lg",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "button-group-item-padding-y-md",
+        "cssVar": "--button-group-item-padding-y-md",
         "type": "dimension",
         "value": "8px"
       },
       {
-        "name": "button-group-root-border-color",
-        "cssVar": "--button-group-root-border-color",
+        "name": "button-group-item-padding-y-sm",
+        "cssVar": "--button-group-item-padding-y-sm",
+        "type": "dimension",
+        "description": "ButtonGroup item sm padding-y 6px per DES-1250 item 3.",
+        "value": "6px"
+      },
+      {
+        "name": "button-group-root-bg-primary",
+        "cssVar": "--button-group-root-bg-primary",
+        "type": "color",
+        "description": "ButtonGroup primary variant bg per DES-1250 item 4 — Figma brand/primary/background.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "button-group-root-border-color-default",
+        "cssVar": "--button-group-root-border-color-default",
         "type": "color",
         "value": "oklch(92.19% 0.0000 0)"
       },
+      {
+        "name": "button-group-root-border-color-primary",
+        "cssVar": "--button-group-root-border-color-primary",
+        "type": "color",
+        "description": "ButtonGroup primary variant border color per DES-1250 item 4 — Figma brand/primary/active.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "button-group-root-fg-primary",
+        "cssVar": "--button-group-root-fg-primary",
+        "type": "color",
+        "description": "ButtonGroup primary variant text per DES-1250 item 4.",
+        "value": "oklch(18.34% 0.0338 166.67)"
+      },
       {
         "name": "button-group-root-radius",
         "cssVar": "--button-group-root-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "ButtonGroup root radius aligned with Figma radius/md (8px) per DES-1250 — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "button-group-root-shadow",
@@ -4555,6 +5117,33 @@
         "type": "color",
         "value": "oklch(92.19% 0.0000 0)"
       },
+      {
+        "name": "button-group-text-background",
+        "cssVar": "--button-group-text-background",
+        "type": "color",
+        "description": "ButtonGroupText bg per DES-1250 item 11 — was Tailwind bg-muted utility.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "button-group-text-font-size",
+        "cssVar": "--button-group-text-font-size",
+        "type": "dimension",
+        "description": "ButtonGroupText font-size per DES-1250 item 11.",
+        "value": "0.875rem"
+      },
+      {
+        "name": "button-group-text-font-weight",
+        "cssVar": "--button-group-text-font-weight",
+        "description": "ButtonGroupText font-weight per DES-1250 item 11.",
+        "value": "500"
+      },
+      {
+        "name": "button-group-text-padding-x",
+        "cssVar": "--button-group-text-padding-x",
+        "type": "dimension",
+        "description": "ButtonGroupText padding-x per DES-1250 item 11.",
+        "value": "16px"
+      },
       {
         "name": "button-link-color-fg-default",
         "cssVar": "--button-link-color-fg-default",
@@ -4613,7 +5202,8 @@
         "name": "button-radius-default",
         "cssVar": "--button-radius-default",
         "type": "dimension",
-        "value": "6px"
+        "description": "Button radius default aligned with Figma radius/md (8px) per Bowser audit Button DES-932 — pre-fix was 6px (recurring across Combobox/Select/DatePicker/ButtonGroup).",
+        "value": "8px"
       },
       {
         "name": "button-radius-full",
@@ -4645,47 +5235,74 @@
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "button-ring-destructive",
+        "cssVar": "--button-ring-destructive",
+        "type": "color",
+        "description": "Button destructive focus-ring per DES-1248 — was bare ring-destructive/20 utility.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
       {
         "name": "button-ring-gray",
         "cssVar": "--button-ring-gray",
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "button-ring-success",
+        "cssVar": "--button-ring-success",
+        "type": "color",
+        "description": "Button success focus-ring per DES-1248.",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "button-ring-warning",
+        "cssVar": "--button-ring-warning",
+        "type": "color",
+        "description": "Button warning focus-ring per DES-1248.",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
       {
         "name": "button-secondary-color-bg-default",
         "cssVar": "--button-secondary-color-bg-default",
         "type": "color",
-        "value": "oklch(87.87% 0.1277 154.40)"
+        "description": "Button secondary-color bg = brand-secondary-500 #8ff566 (Figma 1007:301 — was hardcoded #8ff0b1, corrected per Figma source of truth)",
+        "value": "oklch(87.82% 0.2037 137.75)"
       },
       {
         "name": "button-secondary-color-bg-hover",
         "cssVar": "--button-secondary-color-bg-hover",
         "type": "color",
-        "value": "oklch(85.41% 0.1543 153.03)"
+        "description": "Button secondary-color hover = brand-secondary-600 #6ebe4d (Figma — was #75ec9e)",
+        "value": "oklch(72.57% 0.1684 137.62)"
       },
       {
         "name": "button-secondary-color-border-default",
         "cssVar": "--button-secondary-color-border-default",
         "type": "color",
-        "value": "oklch(85.41% 0.1543 153.03)"
+        "description": "Button secondary-color border = brand-secondary-500 (Figma — was #75ec9e)",
+        "value": "oklch(87.82% 0.2037 137.75)"
       },
       {
         "name": "button-secondary-color-border-hover",
         "cssVar": "--button-secondary-color-border-hover",
         "type": "color",
-        "value": "oklch(84.08% 0.1705 152.55)"
+        "description": "Button secondary-color border hover = brand-secondary-600 (Figma — was #63ea93)",
+        "value": "oklch(72.57% 0.1684 137.62)"
       },
       {
         "name": "button-secondary-color-fg-default",
         "cssVar": "--button-secondary-color-fg-default",
         "type": "color",
-        "value": "oklch(64.44% 0.1647 149.79)"
+        "description": "Button secondary-color fg = brand-secondary-950 (Figma — was hardcoded #26a853)",
+        "value": "oklch(21.23% 0.0502 138.22)"
       },
       {
         "name": "button-secondary-color-fg-hover",
         "cssVar": "--button-secondary-color-fg-hover",
         "type": "color",
-        "value": "oklch(56.61% 0.1469 149.54)"
+        "description": "Button secondary-color fg hover = brand-secondary-950 (Figma — was #1c8d43)",
+        "value": "oklch(21.23% 0.0502 138.22)"
       },
       {
         "name": "button-secondary-gray-bg-default",
@@ -4987,6 +5604,13 @@
         "type": "color",
         "value": "oklch(14.48% 0.0000 0)"
       },
+      {
+        "name": "button-transition-duration",
+        "cssVar": "--button-transition-duration",
+        "type": "duration",
+        "description": "Button transition duration aligned with Figma canonical (150ms). Sits between --duration-fast (100ms) and --duration-default (200ms).",
+        "value": "150ms"
+      },
       {
         "name": "calendar-cell-gap",
         "cssVar": "--calendar-cell-gap",
@@ -5115,7 +5739,8 @@
         "name": "callout-root-radius",
         "cssVar": "--callout-root-radius",
         "type": "dimension",
-        "value": "0.5rem"
+        "description": "Callout root radius aligned with Figma radius/sm (4px) per DES-1252 — pre-fix was 0.5rem (8px).",
+        "value": "4px"
       },
       {
         "name": "callout-text-lg",
@@ -5378,7 +6003,8 @@
         "name": "checkbox-root-border-default",
         "cssVar": "--checkbox-root-border-default",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Unchecked border. Aligned with Figma core/border/border (#e5e5e5) per Bowser audit Checkbox Discrepancia 1 — pre-fix was oklch(81.75% 0.1821 159.79) (mint, visual bug).",
+        "value": "oklch(92.19% 0.0000 0)"
       },
       {
         "name": "checkbox-root-border-focus",
@@ -5390,7 +6016,8 @@
         "name": "checkbox-root-radius",
         "cssVar": "--checkbox-root-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Checkbox border-radius. Aligned with Figma radius/sm (4px) per Bowser audit Checkbox Discrepancia 2 — pre-fix was 0.375rem (6px).",
+        "value": "4px"
       },
       {
         "name": "checkbox-root-shadow",
@@ -5470,34 +6097,64 @@
         "value": "260px"
       },
       {
-        "name": "color-picker-swatch-radius",
-        "cssVar": "--color-picker-swatch-radius",
+        "name": "color-picker-filled-preview-radius",
+        "cssVar": "--color-picker-filled-preview-radius",
         "type": "dimension",
-        "value": "0.125rem"
+        "description": "ColorPicker Filled trigger preview swatch circular per DES-1256 item 5 — matches Figma.",
+        "value": "9999px"
       },
       {
-        "name": "color-picker-swatch-size",
-        "cssVar": "--color-picker-swatch-size",
-        "type": "dimension",
-        "value": "24px"
+        "name": "color-picker-focus-ring-destructive",
+        "cssVar": "--color-picker-focus-ring-destructive",
+        "type": "color",
+        "description": "ColorPicker focus ring destructive per DES-1256 item 5.",
+        "value": "oklch(63.68% 0.2078 25.33)"
       },
       {
-        "name": "color-picker-trigger-border",
-        "cssVar": "--color-picker-trigger-border",
+        "name": "color-picker-focus-ring-primary",
+        "cssVar": "--color-picker-focus-ring-primary",
         "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "description": "ColorPicker focus ring primary per DES-1256 item 5.",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "color-picker-trigger-radius",
-        "cssVar": "--color-picker-trigger-radius",
+        "name": "color-picker-focus-ring-width",
+        "cssVar": "--color-picker-focus-ring-width",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "3px"
+      },
+      {
+        "name": "color-picker-swatch-radius",
+        "cssVar": "--color-picker-swatch-radius",
+        "type": "dimension",
+        "description": "Swatch border-radius circular (radius/pill) aligned with Figma per Bowser audit ColorPicker Pendência 1 — pre-fix was 0.125rem (2px). Figma shows all swatches as fully circular.",
+        "value": "9999px"
+      },
+      {
+        "name": "color-picker-swatch-size",
+        "cssVar": "--color-picker-swatch-size",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "color-picker-trigger-border",
+        "cssVar": "--color-picker-trigger-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "color-picker-trigger-radius",
+        "cssVar": "--color-picker-trigger-radius",
+        "type": "dimension",
+        "description": "Trigger border-radius aligned with Figma radius/md (8px) per Bowser audit ColorPicker — pre-fix was 0.375rem (6px) but rendered 0px due to Tailwind class precedence.",
+        "value": "8px"
       },
       {
         "name": "color-picker-trigger-size",
         "cssVar": "--color-picker-trigger-size",
         "type": "dimension",
-        "value": "32px"
+        "description": "ColorPicker trigger size 40px aligned with Figma canonical (frame 1384:7726 default = 40h) — pre-fix was spacing.8 (32px).",
+        "value": "40px"
       },
       {
         "name": "color-safari",
@@ -5533,7 +6190,8 @@
         "name": "combobox-content-radius",
         "cssVar": "--combobox-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Content popover border-radius aligned with Figma radius/md (8px) per Bowser audit — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "combobox-content-shadow",
@@ -5586,6 +6244,25 @@
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "combobox-trigger-disabled-bg",
+        "cssVar": "--combobox-trigger-disabled-bg",
+        "type": "color",
+        "description": "Combobox disabled bg per DES-1258 item 4 (token vs opacity).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "combobox-trigger-disabled-border",
+        "cssVar": "--combobox-trigger-disabled-border",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "combobox-trigger-disabled-fg",
+        "cssVar": "--combobox-trigger-disabled-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
       {
         "name": "combobox-trigger-gap",
         "cssVar": "--combobox-trigger-gap",
@@ -5595,19 +6272,22 @@
         "name": "combobox-trigger-height-lg",
         "cssVar": "--combobox-trigger-height-lg",
         "type": "dimension",
-        "value": "40px"
+        "description": "Combobox trigger lg 44px aligned with Input lg scale.",
+        "value": "44px"
       },
       {
         "name": "combobox-trigger-height-md",
         "cssVar": "--combobox-trigger-height-md",
         "type": "dimension",
-        "value": "36px"
+        "description": "Combobox trigger md 40px aligned with Figma canonical (frame 1387:14613, all variants 40h) — pre-fix was 36px.",
+        "value": "40px"
       },
       {
         "name": "combobox-trigger-height-sm",
         "cssVar": "--combobox-trigger-height-sm",
         "type": "dimension",
-        "value": "32px"
+        "description": "Combobox trigger sm 36px aligned with Input scale (Figma 1387:14613 default = 40h).",
+        "value": "36px"
       },
       {
         "name": "combobox-trigger-padding-x-lg",
@@ -5643,7 +6323,21 @@
         "name": "combobox-trigger-radius",
         "cssVar": "--combobox-trigger-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Trigger border-radius aligned with Figma radius/md (8px) per Bowser audit Combobox token mismatch — pre-fix was 0.375rem (6px).",
+        "value": "8px"
+      },
+      {
+        "name": "combobox-trigger-ring-primary",
+        "cssVar": "--combobox-trigger-ring-primary",
+        "type": "color",
+        "description": "Combobox trigger focus ring primary per DES-1258 item 5.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "combobox-trigger-ring-width",
+        "cssVar": "--combobox-trigger-ring-width",
+        "type": "dimension",
+        "value": "3px"
       },
       {
         "name": "combobox-trigger-text-lg",
@@ -6099,7 +6793,8 @@
         "name": "context-menu-content-radius",
         "cssVar": "--context-menu-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "ContextMenu content radius 8px (radius/md) aligned with Figma canonical (frame 1442:5064) and peer DropdownMenu/Menubar — pre-fix was 0.375rem (6px), inconsistent with peers.",
+        "value": "8px"
       },
       {
         "name": "context-menu-content-z-index",
@@ -6341,6 +7036,42 @@
         "type": "dimension",
         "value": "36px"
       },
+      {
+        "name": "date-picker-content-bg",
+        "cssVar": "--date-picker-content-bg",
+        "type": "color",
+        "description": "DatePicker popover content bg per DES-1262 item 2.",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-content-border",
+        "cssVar": "--date-picker-content-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-content-fg",
+        "cssVar": "--date-picker-content-fg",
+        "type": "color",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-content-padding",
+        "cssVar": "--date-picker-content-padding",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "date-picker-content-radius",
+        "cssVar": "--date-picker-content-radius",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "date-picker-content-shadow",
+        "cssVar": "--date-picker-content-shadow",
+        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+      },
       {
         "name": "date-picker-footer-gap",
         "cssVar": "--date-picker-footer-gap",
@@ -6365,6 +7096,38 @@
         "type": "dimension",
         "value": "140px"
       },
+      {
+        "name": "date-picker-trigger-border-default",
+        "cssVar": "--date-picker-trigger-border-default",
+        "type": "color",
+        "description": "DatePicker trigger border default per DES-1262 item 2.",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-trigger-border-focus",
+        "cssVar": "--date-picker-trigger-border-focus",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "date-picker-trigger-disabled-bg",
+        "cssVar": "--date-picker-trigger-disabled-bg",
+        "type": "color",
+        "description": "DatePicker disabled bg per DES-1262 item 3 (triplet vs opacity).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-trigger-disabled-border",
+        "cssVar": "--date-picker-trigger-disabled-border",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "date-picker-trigger-disabled-fg",
+        "cssVar": "--date-picker-trigger-disabled-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
       {
         "name": "date-picker-trigger-height-lg",
         "cssVar": "--date-picker-trigger-height-lg",
@@ -6428,6 +7191,26 @@
         "type": "dimension",
         "value": "6px"
       },
+      {
+        "name": "date-picker-trigger-radius",
+        "cssVar": "--date-picker-trigger-radius",
+        "type": "dimension",
+        "description": "Trigger border-radius aligned with Figma radius/md (8px) per Bowser audit DatePicker — was missing, code used rounded-md utility which resolved to 0px.",
+        "value": "8px"
+      },
+      {
+        "name": "date-picker-trigger-ring-primary",
+        "cssVar": "--date-picker-trigger-ring-primary",
+        "type": "color",
+        "description": "DatePicker trigger focus ring per DES-1262 item 2.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "date-picker-trigger-ring-width",
+        "cssVar": "--date-picker-trigger-ring-width",
+        "type": "dimension",
+        "value": "3px"
+      },
       {
         "name": "date-picker-trigger-text-lg",
         "cssVar": "--date-picker-trigger-text-lg",
@@ -6451,24 +7234,35 @@
         "name": "date-range-picker-calendar-gap",
         "cssVar": "--date-range-picker-calendar-gap",
         "type": "dimension",
+        "description": "DateRangePicker gap between two calendar months per DES-1264.",
         "value": "16px"
       },
       {
-        "name": "date-range-picker-trigger-gap",
-        "cssVar": "--date-range-picker-trigger-gap",
+        "name": "date-range-picker-today-button-height",
+        "cssVar": "--date-range-picker-today-button-height",
         "type": "dimension",
-        "value": "8px"
+        "description": "DateRangePicker Today button height per DES-1264 item 4 — was hardcoded h-7.",
+        "value": "28px"
       },
       {
-        "name": "date-range-picker-trigger-padding-x",
-        "cssVar": "--date-range-picker-trigger-padding-x",
+        "name": "date-range-picker-today-button-text-size",
+        "cssVar": "--date-range-picker-today-button-text-size",
         "type": "dimension",
-        "value": "12px"
+        "description": "DateRangePicker Today button font-size per DES-1264 item 4 — was hardcoded text-xs.",
+        "value": "0.75rem"
+      },
+      {
+        "name": "date-range-picker-trigger-gap",
+        "cssVar": "--date-range-picker-trigger-gap",
+        "type": "dimension",
+        "description": "DateRangePicker trigger internal gap per DES-1264.",
+        "value": "8px"
       },
       {
         "name": "date-range-picker-trigger-width",
         "cssVar": "--date-range-picker-trigger-width",
         "type": "dimension",
+        "description": "DateRangePicker trigger min-width per DES-1264 — range typically shows two dates, wider than DatePicker.",
         "value": "300px"
       },
       {
@@ -6507,6 +7301,13 @@
         "type": "color",
         "value": "oklch(14.48% 0.0000 0)"
       },
+      {
+        "name": "divider-thickness",
+        "cssVar": "--divider-thickness",
+        "type": "dimension",
+        "description": "Divider line thickness per DES-1266 item 3 — Figma height/h-px + border-width/border. Cross-DS support customizable thickness.",
+        "value": "1px"
+      },
       {
         "name": "drag-and-drop-draggable-opacity-dragging",
         "cssVar": "--drag-and-drop-draggable-opacity-dragging",
@@ -6570,7 +7371,8 @@
         "name": "drawer-content-bg",
         "cssVar": "--drawer-content-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "description": "Drawer content bg aligned with Figma core/background/surface (#fafafa) per DES-1268 — pre-fix was light.base.background (white).",
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "drawer-content-border",
@@ -6600,13 +7402,15 @@
         "name": "drawer-handle-bg",
         "cssVar": "--drawer-handle-bg",
         "type": "color",
-        "value": "oklch(97.02% 0.0000 0)"
+        "description": "Drawer handle bg aligned with Figma muted-foreground (#737373) per DES-1268 item 2 — pre-fix was light.base.muted (almost invisible).",
+        "value": "oklch(55.55% 0.0000 0)"
       },
       {
         "name": "drawer-handle-height",
         "cssVar": "--drawer-handle-height",
         "type": "dimension",
-        "value": "8px"
+        "description": "Drawer handle height aligned with Figma 4px per DES-1268 item 3 — pre-fix was spacing.2 (8px, 2x off).",
+        "value": "4px"
       },
       {
         "name": "drawer-handle-margin-top",
@@ -6618,7 +7422,8 @@
         "name": "drawer-handle-width",
         "cssVar": "--drawer-handle-width",
         "type": "dimension",
-        "value": "96px"
+        "description": "Drawer handle width aligned with Figma 32px per DES-1268 item 3 — pre-fix was spacing.24 (96px, 3x off).",
+        "value": "32px"
       },
       {
         "name": "drawer-header-gap",
@@ -6666,7 +7471,7 @@
         "name": "dropdown-menu-content-radius",
         "cssVar": "--dropdown-menu-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "8px"
       },
       {
         "name": "dropdown-menu-content-z-index",
@@ -6720,7 +7525,7 @@
         "name": "dropdown-menu-item-radius",
         "cssVar": "--dropdown-menu-item-radius",
         "type": "dimension",
-        "value": "0.125rem"
+        "value": "4px"
       },
       {
         "name": "dropdown-menu-item-text-size",
@@ -6809,152 +7614,445 @@
         "value": "500px"
       },
       {
-        "name": "feed-content-description-color",
-        "cssVar": "--feed-content-description-color",
-        "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
-      },
-      {
-        "name": "feed-content-description-size",
-        "cssVar": "--feed-content-description-size",
+        "name": "feature-item-body-gap",
+        "cssVar": "--feature-item-body-gap",
         "type": "dimension",
-        "value": "0.875rem"
-      },
-      {
-        "name": "feed-content-title-weight",
-        "cssVar": "--feed-content-title-weight",
-        "value": "500"
-      },
-      {
-        "name": "feed-icon-background",
-        "cssVar": "--feed-icon-background",
-        "type": "color",
-        "value": "oklch(97.02% 0.0000 0)"
+        "value": "4px"
       },
       {
-        "name": "feed-icon-color",
-        "cssVar": "--feed-icon-color",
+        "name": "feature-item-description-color",
+        "cssVar": "--feature-item-description-color",
         "type": "color",
         "value": "oklch(55.55% 0.0000 0)"
       },
       {
-        "name": "feed-icon-radius",
-        "cssVar": "--feed-icon-radius",
-        "type": "dimension",
-        "value": "9999px"
+        "name": "feature-item-description-font-size",
+        "cssVar": "--feature-item-description-font-size",
+        "type": "fontSize",
+        "value": "13px"
       },
       {
-        "name": "feed-icon-size",
-        "cssVar": "--feed-icon-size",
-        "type": "dimension",
-        "value": "32px"
+        "name": "feature-item-description-line-height",
+        "cssVar": "--feature-item-description-line-height",
+        "type": "lineHeight",
+        "value": "1.55"
       },
       {
-        "name": "feed-item-background-active",
-        "cssVar": "--feed-item-background-active",
-        "type": "color",
-        "value": "oklch(97.02% 0.0000 0)"
+        "name": "feature-item-icon-radius",
+        "cssVar": "--feature-item-icon-radius",
+        "type": "dimension",
+        "description": "FeatureItem icon plate radius 10px per Figma /Feature-item canonical.",
+        "value": "10px"
       },
       {
-        "name": "feed-item-background-highlight",
-        "cssVar": "--feed-item-background-highlight",
-        "type": "color",
-        "value": "oklch(100.00% 0.0000 0 / 94.9%)"
+        "name": "feature-item-icon-size",
+        "cssVar": "--feature-item-icon-size",
+        "type": "dimension",
+        "description": "FeatureItem icon plate size 40px per Figma /Feature-item canonical.",
+        "value": "40px"
       },
       {
-        "name": "feed-item-border-color",
-        "cssVar": "--feed-item-border-color",
+        "name": "feature-item-link-color",
+        "cssVar": "--feature-item-link-color",
         "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "value": "oklch(56.08% 0.1221 160.56)"
       },
       {
-        "name": "feed-item-gap",
-        "cssVar": "--feed-item-gap",
-        "type": "dimension",
+        "name": "feature-item-link-font-size",
+        "cssVar": "--feature-item-link-font-size",
+        "type": "fontSize",
         "value": "12px"
       },
       {
-        "name": "feed-item-padding-x",
-        "cssVar": "--feed-item-padding-x",
+        "name": "feature-item-link-gap",
+        "cssVar": "--feature-item-link-gap",
         "type": "dimension",
-        "value": "16px"
+        "value": "4px"
       },
       {
-        "name": "feed-item-padding-y",
-        "cssVar": "--feed-item-padding-y",
+        "name": "feature-item-link-margin-top",
+        "cssVar": "--feature-item-link-margin-top",
         "type": "dimension",
-        "value": "16px"
+        "value": "4px"
       },
       {
-        "name": "feed-item-radius",
-        "cssVar": "--feed-item-radius",
+        "name": "feature-item-root-gap",
+        "cssVar": "--feature-item-root-gap",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "14px"
       },
       {
-        "name": "feed-root-gap",
-        "cssVar": "--feed-root-gap",
+        "name": "feature-item-root-padding",
+        "cssVar": "--feature-item-root-padding",
         "type": "dimension",
-        "value": "16px"
+        "value": "4px"
       },
       {
-        "name": "feed-timestamp-color",
-        "cssVar": "--feed-timestamp-color",
+        "name": "feature-item-title-color",
+        "cssVar": "--feature-item-title-color",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "value": "oklch(14.48% 0.0000 0)"
       },
       {
-        "name": "feed-timestamp-size",
-        "cssVar": "--feed-timestamp-size",
-        "type": "dimension",
-        "value": "0.75rem"
+        "name": "feature-item-title-font-size",
+        "cssVar": "--feature-item-title-font-size",
+        "type": "fontSize",
+        "value": "14px"
       },
       {
-        "name": "file-upload-dropzone-background",
-        "cssVar": "--file-upload-dropzone-background",
+        "name": "feature-item-tone-brand-bg",
+        "cssVar": "--feature-item-tone-brand-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "file-upload-dropzone-background-hover",
-        "cssVar": "--file-upload-dropzone-background-hover",
+        "name": "feature-item-tone-brand-fg",
+        "cssVar": "--feature-item-tone-brand-fg",
         "type": "color",
-        "value": "oklch(95.21% 0.0467 171.12)"
+        "value": "oklch(18.34% 0.0338 166.67)"
       },
       {
-        "name": "file-upload-dropzone-border-color",
-        "cssVar": "--file-upload-dropzone-border-color",
+        "name": "feature-item-tone-info-bg",
+        "cssVar": "--feature-item-tone-info-bg",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "value": "oklch(97.05% 0.0142 254.60)"
       },
       {
-        "name": "file-upload-dropzone-border-style",
-        "cssVar": "--file-upload-dropzone-border-style",
-        "value": "dashed"
+        "name": "feature-item-tone-info-fg",
+        "cssVar": "--feature-item-tone-info-fg",
+        "type": "color",
+        "value": "oklch(48.82% 0.2172 264.38)"
       },
       {
-        "name": "file-upload-dropzone-border-width",
-        "cssVar": "--file-upload-dropzone-border-width",
-        "type": "dimension",
-        "value": "2px"
+        "name": "feature-item-tone-subtle-bg",
+        "cssVar": "--feature-item-tone-subtle-bg",
+        "type": "color",
+        "value": "oklch(97.65% 0.0243 170.99)"
       },
       {
-        "name": "file-upload-dropzone-gap",
-        "cssVar": "--file-upload-dropzone-gap",
-        "type": "dimension",
-        "value": "16px"
+        "name": "feature-item-tone-subtle-fg",
+        "cssVar": "--feature-item-tone-subtle-fg",
+        "type": "color",
+        "value": "oklch(56.08% 0.1221 160.56)"
       },
       {
-        "name": "file-upload-dropzone-padding",
-        "cssVar": "--file-upload-dropzone-padding",
-        "type": "dimension",
-        "value": "40px"
+        "name": "feature-item-tone-warning-bg",
+        "cssVar": "--feature-item-tone-warning-bg",
+        "type": "color",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "feature-item-tone-warning-fg",
+        "cssVar": "--feature-item-tone-warning-fg",
+        "type": "color",
+        "value": "oklch(55.38% 0.1207 66.44)"
+      },
+      {
+        "name": "featured-icon-color-brand-bg",
+        "cssVar": "--featured-icon-color-brand-bg",
+        "type": "color",
+        "value": "oklch(97.65% 0.0243 170.99)"
+      },
+      {
+        "name": "featured-icon-color-brand-fg",
+        "cssVar": "--featured-icon-color-brand-fg",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "featured-icon-color-default-bg",
+        "cssVar": "--featured-icon-color-default-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "featured-icon-color-default-fg",
+        "cssVar": "--featured-icon-color-default-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "featured-icon-color-destructive-bg",
+        "cssVar": "--featured-icon-color-destructive-bg",
+        "type": "color",
+        "value": "oklch(97.05% 0.0129 17.38)"
+      },
+      {
+        "name": "featured-icon-color-destructive-fg",
+        "cssVar": "--featured-icon-color-destructive-fg",
+        "type": "color",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "featured-icon-color-info-bg",
+        "cssVar": "--featured-icon-color-info-bg",
+        "type": "color",
+        "value": "oklch(97.05% 0.0142 254.60)"
+      },
+      {
+        "name": "featured-icon-color-info-fg",
+        "cssVar": "--featured-icon-color-info-fg",
+        "type": "color",
+        "value": "oklch(54.61% 0.2152 262.88)"
+      },
+      {
+        "name": "featured-icon-color-success-bg",
+        "cssVar": "--featured-icon-color-success-bg",
+        "type": "color",
+        "value": "oklch(98.19% 0.0181 155.83)"
+      },
+      {
+        "name": "featured-icon-color-success-fg",
+        "cssVar": "--featured-icon-color-success-fg",
+        "type": "color",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "featured-icon-color-warning-bg",
+        "cssVar": "--featured-icon-color-warning-bg",
+        "type": "color",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "featured-icon-color-warning-fg",
+        "cssVar": "--featured-icon-color-warning-fg",
+        "type": "color",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "featured-icon-radius-circle",
+        "cssVar": "--featured-icon-radius-circle",
+        "type": "dimension",
+        "value": "9999px"
+      },
+      {
+        "name": "featured-icon-radius-default",
+        "cssVar": "--featured-icon-radius-default",
+        "type": "dimension",
+        "description": "FeaturedIcon default plate radius (8px) per Figma /Featured-Icon canonical.",
+        "value": "8px"
+      },
+      {
+        "name": "featured-icon-size-2xl-icon",
+        "cssVar": "--featured-icon-size-2xl-icon",
+        "type": "dimension",
+        "value": "48px"
+      },
+      {
+        "name": "featured-icon-size-2xl-plate",
+        "cssVar": "--featured-icon-size-2xl-plate",
+        "type": "dimension",
+        "value": "80px"
+      },
+      {
+        "name": "featured-icon-size-lg-icon",
+        "cssVar": "--featured-icon-size-lg-icon",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "featured-icon-size-lg-plate",
+        "cssVar": "--featured-icon-size-lg-plate",
+        "type": "dimension",
+        "value": "48px"
+      },
+      {
+        "name": "featured-icon-size-md-icon",
+        "cssVar": "--featured-icon-size-md-icon",
+        "type": "dimension",
+        "value": "20px"
+      },
+      {
+        "name": "featured-icon-size-md-plate",
+        "cssVar": "--featured-icon-size-md-plate",
+        "type": "dimension",
+        "value": "44px"
+      },
+      {
+        "name": "featured-icon-size-sm-icon",
+        "cssVar": "--featured-icon-size-sm-icon",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "featured-icon-size-sm-plate",
+        "cssVar": "--featured-icon-size-sm-plate",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "featured-icon-size-xl-icon",
+        "cssVar": "--featured-icon-size-xl-icon",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "featured-icon-size-xl-plate",
+        "cssVar": "--featured-icon-size-xl-plate",
+        "type": "dimension",
+        "value": "56px"
+      },
+      {
+        "name": "featured-icon-size-xs-icon",
+        "cssVar": "--featured-icon-size-xs-icon",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "featured-icon-size-xs-plate",
+        "cssVar": "--featured-icon-size-xs-plate",
+        "type": "dimension",
+        "description": "FeaturedIcon xs plate size per Figma /Featured-Icon frame.",
+        "value": "28px"
+      },
+      {
+        "name": "feed-content-description-color",
+        "cssVar": "--feed-content-description-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-content-description-size",
+        "cssVar": "--feed-content-description-size",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "feed-content-title-weight",
+        "cssVar": "--feed-content-title-weight",
+        "value": "500"
+      },
+      {
+        "name": "feed-icon-background",
+        "cssVar": "--feed-icon-background",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "feed-icon-color",
+        "cssVar": "--feed-icon-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-icon-radius",
+        "cssVar": "--feed-icon-radius",
+        "type": "dimension",
+        "value": "9999px"
+      },
+      {
+        "name": "feed-icon-size",
+        "cssVar": "--feed-icon-size",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "feed-item-background-active",
+        "cssVar": "--feed-item-background-active",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "feed-item-background-highlight",
+        "cssVar": "--feed-item-background-highlight",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0 / 94.9%)"
+      },
+      {
+        "name": "feed-item-border-color",
+        "cssVar": "--feed-item-border-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "feed-item-gap",
+        "cssVar": "--feed-item-gap",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "feed-item-padding-x",
+        "cssVar": "--feed-item-padding-x",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-item-padding-y",
+        "cssVar": "--feed-item-padding-y",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-item-radius",
+        "cssVar": "--feed-item-radius",
+        "type": "dimension",
+        "value": "0.375rem"
+      },
+      {
+        "name": "feed-root-gap",
+        "cssVar": "--feed-root-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "feed-timestamp-color",
+        "cssVar": "--feed-timestamp-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "feed-timestamp-size",
+        "cssVar": "--feed-timestamp-size",
+        "type": "dimension",
+        "value": "0.75rem"
+      },
+      {
+        "name": "file-upload-dropzone-background",
+        "cssVar": "--file-upload-dropzone-background",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-dropzone-background-hover",
+        "cssVar": "--file-upload-dropzone-background-hover",
+        "type": "color",
+        "value": "oklch(95.21% 0.0467 171.12)"
+      },
+      {
+        "name": "file-upload-dropzone-border-color",
+        "cssVar": "--file-upload-dropzone-border-color",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "file-upload-dropzone-border-style",
+        "cssVar": "--file-upload-dropzone-border-style",
+        "value": "dashed"
+      },
+      {
+        "name": "file-upload-dropzone-border-width",
+        "cssVar": "--file-upload-dropzone-border-width",
+        "type": "dimension",
+        "value": "2px"
+      },
+      {
+        "name": "file-upload-dropzone-gap",
+        "cssVar": "--file-upload-dropzone-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "file-upload-dropzone-padding",
+        "cssVar": "--file-upload-dropzone-padding",
+        "type": "dimension",
+        "value": "40px"
       },
       {
         "name": "file-upload-dropzone-radius",
         "cssVar": "--file-upload-dropzone-radius",
         "type": "dimension",
-        "value": "0.5rem"
+        "description": "FileDropzone radius 12px (radius/lg) aligned with Figma canonical (frame 1636:5682) — pre-fix was 0.5rem (8px).",
+        "value": "12px"
       },
       {
         "name": "file-upload-icon-color",
@@ -7076,6 +8174,55 @@
         "type": "dimension",
         "value": "14px"
       },
+      {
+        "name": "header-root-bg",
+        "cssVar": "--header-root-bg",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "header-root-border-color",
+        "cssVar": "--header-root-border-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "header-root-padding-x",
+        "cssVar": "--header-root-padding-x",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "header-root-padding-y",
+        "cssVar": "--header-root-padding-y",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "header-size-lg-height",
+        "cssVar": "--header-size-lg-height",
+        "type": "dimension",
+        "value": "80px"
+      },
+      {
+        "name": "header-size-md-height",
+        "cssVar": "--header-size-md-height",
+        "type": "dimension",
+        "value": "64px"
+      },
+      {
+        "name": "header-size-sm-height",
+        "cssVar": "--header-size-sm-height",
+        "type": "dimension",
+        "value": "48px"
+      },
+      {
+        "name": "header-sticky-z-index",
+        "cssVar": "--header-sticky-z-index",
+        "type": "number",
+        "description": "Header sticky z-index per DES-1272 — between content (10) and dropdowns (50).",
+        "value": "30"
+      },
       {
         "name": "hover-card-content-border-width",
         "cssVar": "--hover-card-content-border-width",
@@ -7141,34 +8288,100 @@
         "value": "currentColor"
       },
       {
-        "name": "icon-color-destructive",
-        "cssVar": "--icon-color-destructive",
+        "name": "icon-color-destructive",
+        "cssVar": "--icon-color-destructive",
+        "type": "color",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "icon-color-muted",
+        "cssVar": "--icon-color-muted",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "icon-color-primary",
+        "cssVar": "--icon-color-primary",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "icon-color-success",
+        "cssVar": "--icon-color-success",
+        "type": "color",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "icon-color-warning",
+        "cssVar": "--icon-color-warning",
+        "type": "color",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "ifta-label-label-color-destructive",
+        "cssVar": "--ifta-label-label-color-destructive",
+        "type": "color",
+        "description": "IftaLabel label color in invalid state.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "ifta-label-label-color-foreground",
+        "cssVar": "--ifta-label-label-color-foreground",
+        "type": "color",
+        "description": "IftaLabel label color when input is focused or filled (DES-1274).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "ifta-label-label-color-muted",
+        "cssVar": "--ifta-label-label-color-muted",
+        "type": "color",
+        "description": "IftaLabel default label color (placeholder-shown state).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "ifta-label-ring-destructive",
+        "cssVar": "--ifta-label-ring-destructive",
         "type": "color",
         "value": "oklch(63.68% 0.2078 25.33)"
       },
       {
-        "name": "icon-color-muted",
-        "cssVar": "--icon-color-muted",
+        "name": "ifta-label-ring-primary",
+        "cssVar": "--ifta-label-ring-primary",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "description": "IftaLabel focus ring primary color per DES-1274.",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "icon-color-primary",
-        "cssVar": "--icon-color-primary",
-        "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "name": "ifta-label-ring-width",
+        "cssVar": "--ifta-label-ring-width",
+        "type": "dimension",
+        "value": "3px"
       },
       {
-        "name": "icon-color-success",
-        "cssVar": "--icon-color-success",
-        "type": "color",
-        "value": "oklch(62.71% 0.1699 149.21)"
+        "name": "ifta-label-wrapper-disabled-opacity",
+        "cssVar": "--ifta-label-wrapper-disabled-opacity",
+        "type": "number",
+        "value": "0.5"
       },
       {
-        "name": "icon-color-warning",
-        "cssVar": "--icon-color-warning",
-        "type": "color",
-        "value": "oklch(86.06% 0.1731 91.94)"
+        "name": "ifta-label-wrapper-height",
+        "cssVar": "--ifta-label-wrapper-height",
+        "type": "dimension",
+        "description": "IftaLabel wrapper height 60px aligned with Figma canonical (frame 1397:3493, all variants 60h) — pre-fix was 48px.",
+        "value": "60px"
+      },
+      {
+        "name": "ifta-label-wrapper-padding-bottom",
+        "cssVar": "--ifta-label-wrapper-padding-bottom",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "ifta-label-wrapper-padding-top",
+        "cssVar": "--ifta-label-wrapper-padding-top",
+        "type": "dimension",
+        "description": "IftaLabel input wrapper top padding (24px to accommodate floating label).",
+        "value": "24px"
       },
       {
         "name": "image-rounded-circle",
@@ -7284,6 +8497,20 @@
         "type": "color",
         "value": "oklch(55.55% 0.0000 0)"
       },
+      {
+        "name": "input-group-button-radius",
+        "cssVar": "--input-group-button-radius",
+        "type": "dimension",
+        "description": "InputGroup inner button border-radius. Per Bowser audit InputGroup BUG-2 — pre-fix was rounded-[calc(var(--radius)-5px)] which evaluated to -1px (clamped to 0px).",
+        "value": "4px"
+      },
+      {
+        "name": "input-group-radius",
+        "cssVar": "--input-group-radius",
+        "type": "dimension",
+        "description": "InputGroup container border-radius aligned with Figma radius/md (8px) per Bowser audit InputGroup BUG-1 — pre-fix was rounded-md utility resolving to 0px.",
+        "value": "8px"
+      },
       {
         "name": "input-icon-padding-lg",
         "cssVar": "--input-icon-padding-lg",
@@ -7435,7 +8662,8 @@
         "name": "input-otp-slot-size-lg-radius",
         "cssVar": "--input-otp-slot-size-lg-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Slot border-radius aligned with Figma radius/md (8px) per Bowser audit InputOTP — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "input-otp-slot-size-lg-size",
@@ -7453,13 +8681,15 @@
         "name": "input-otp-slot-size-md-radius",
         "cssVar": "--input-otp-slot-size-md-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Slot border-radius aligned with Figma radius/md (8px) per Bowser audit InputOTP — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "input-otp-slot-size-md-size",
         "cssVar": "--input-otp-slot-size-md-size",
         "type": "dimension",
-        "value": "40px"
+        "description": "InputOTP md slot size 44px aligned with Figma canonical (frame 1389:15484, all variants 44h) — pre-fix was 40px.",
+        "value": "44px"
       },
       {
         "name": "input-otp-slot-size-md-text",
@@ -7471,7 +8701,8 @@
         "name": "input-otp-slot-size-sm-radius",
         "cssVar": "--input-otp-slot-size-sm-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Slot border-radius aligned with Figma radius/md (8px) per Bowser audit InputOTP — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "input-otp-slot-size-sm-size",
@@ -7495,7 +8726,8 @@
         "name": "input-size-lg-h",
         "cssVar": "--input-size-lg-h",
         "type": "dimension",
-        "value": "40px"
+        "description": "Input lg height 44px aligned with Figma canonical (frame 1384:8287, Size=lg = 44h) — pre-fix was spacing.10 (40px).",
+        "value": "44px"
       },
       {
         "name": "input-size-lg-px",
@@ -7519,7 +8751,8 @@
         "name": "input-size-md-h",
         "cssVar": "--input-size-md-h",
         "type": "dimension",
-        "value": "36px"
+        "description": "Input md height 40px aligned with Figma canonical (frame 1384:8287, Size=md = 40h) — pre-fix was spacing.9 (36px).",
+        "value": "40px"
       },
       {
         "name": "input-size-md-px",
@@ -7543,7 +8776,8 @@
         "name": "input-size-sm-h",
         "cssVar": "--input-size-sm-h",
         "type": "dimension",
-        "value": "32px"
+        "description": "Input sm height 36px aligned with Figma canonical (frame 1384:8287, Size=sm = 36h) — pre-fix was spacing.8 (32px).",
+        "value": "36px"
       },
       {
         "name": "input-size-sm-px",
@@ -7961,7 +9195,8 @@
         "name": "label-root-line-height",
         "cssVar": "--label-root-line-height",
         "type": "lineHeight",
-        "value": "1"
+        "description": "Aligned with Figma style Paragraph/P3 — text/line-height/sm (20px)",
+        "value": "20px"
       },
       {
         "name": "label-root-user-select",
@@ -7969,6 +9204,45 @@
         "type": "other",
         "value": "none"
       },
+      {
+        "name": "label-size-lg-font-size",
+        "cssVar": "--label-size-lg-font-size",
+        "type": "fontSize",
+        "description": "Label lg font-size (16px) — Figma canonical (components-label.html).",
+        "value": "16px"
+      },
+      {
+        "name": "label-size-lg-line-height",
+        "cssVar": "--label-size-lg-line-height",
+        "type": "lineHeight",
+        "value": "24px"
+      },
+      {
+        "name": "label-size-md-font-size",
+        "cssVar": "--label-size-md-font-size",
+        "type": "fontSize",
+        "description": "Label md (default) font-size (14px) — same as root.",
+        "value": "14px"
+      },
+      {
+        "name": "label-size-md-line-height",
+        "cssVar": "--label-size-md-line-height",
+        "type": "lineHeight",
+        "value": "20px"
+      },
+      {
+        "name": "label-size-sm-font-size",
+        "cssVar": "--label-size-sm-font-size",
+        "type": "fontSize",
+        "description": "Label sm font-size (12px) — Figma canonical (components-label.html).",
+        "value": "12px"
+      },
+      {
+        "name": "label-size-sm-line-height",
+        "cssVar": "--label-size-sm-line-height",
+        "type": "lineHeight",
+        "value": "16px"
+      },
       {
         "name": "lightbox-button-background",
         "cssVar": "--lightbox-button-background",
@@ -8185,6 +9459,80 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "menu-item-bg-default",
+        "cssVar": "--menu-item-bg-default",
+        "type": "color",
+        "value": "transparent"
+      },
+      {
+        "name": "menu-item-bg-hover",
+        "cssVar": "--menu-item-bg-hover",
+        "type": "color",
+        "value": "oklch(95.21% 0.0467 171.12)"
+      },
+      {
+        "name": "menu-item-fg-default",
+        "cssVar": "--menu-item-fg-default",
+        "type": "color",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "menu-item-fg-destructive",
+        "cssVar": "--menu-item-fg-destructive",
+        "type": "color",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "menu-item-fg-hover",
+        "cssVar": "--menu-item-fg-hover",
+        "type": "color",
+        "value": "oklch(26.88% 0.0527 163.85)"
+      },
+      {
+        "name": "menu-item-gap",
+        "cssVar": "--menu-item-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "menu-item-padding-x",
+        "cssVar": "--menu-item-padding-x",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "menu-item-padding-y",
+        "cssVar": "--menu-item-padding-y",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "menu-item-radius",
+        "cssVar": "--menu-item-radius",
+        "type": "dimension",
+        "description": "Menu item radius per DES-1282.",
+        "value": "4px"
+      },
+      {
+        "name": "menu-item-text-size",
+        "cssVar": "--menu-item-text-size",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "menu-root-gap",
+        "cssVar": "--menu-root-gap",
+        "type": "dimension",
+        "value": "2px"
+      },
+      {
+        "name": "menu-root-padding",
+        "cssVar": "--menu-root-padding",
+        "type": "dimension",
+        "description": "Menu root padding.",
+        "value": "4px"
+      },
       {
         "name": "menubar-checkbox-radius",
         "cssVar": "--menubar-checkbox-radius",
@@ -8219,7 +9567,8 @@
         "name": "menubar-content-radius",
         "cssVar": "--menubar-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Menubar content radius aligned with Figma radius/md (8px) per DES-1284 — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "menubar-content-sub-min-width",
@@ -8327,12 +9676,13 @@
         "name": "menubar-root-radius",
         "cssVar": "--menubar-root-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "8px"
       },
       {
         "name": "menubar-root-shadow",
         "cssVar": "--menubar-root-shadow",
-        "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
+        "description": "Menubar root shadow aligned with Figma shadow/xs (null-effect) per DES-1284 item 4 — pre-fix was visible 0 1px 2px shadow.",
+        "value": "none"
       },
       {
         "name": "menubar-separator-height",
@@ -8362,7 +9712,8 @@
         "name": "menubar-trigger-padding-x",
         "cssVar": "--menubar-trigger-padding-x",
         "type": "dimension",
-        "value": "8px"
+        "description": "Menubar trigger padding-x aligned with Figma spacing/3 (12px) per DES-1284 — pre-fix was spacing.2 (8px).",
+        "value": "12px"
       },
       {
         "name": "menubar-trigger-padding-y",
@@ -8374,7 +9725,7 @@
         "name": "menubar-trigger-radius",
         "cssVar": "--menubar-trigger-radius",
         "type": "dimension",
-        "value": "0.125rem"
+        "value": "4px"
       },
       {
         "name": "menubar-trigger-text-size",
@@ -8416,7 +9767,8 @@
         "name": "modal-content-radius",
         "cssVar": "--modal-content-radius",
         "type": "dimension",
-        "value": "0.5rem"
+        "description": "Modal/Dialog content radius 12px (radius/lg) aligned with Figma canonical (frames 1409:1503 Dialog + 1425:10036 Modal both use radius/lg) — pre-fix was 0.5rem (8px).",
+        "value": "12px"
       },
       {
         "name": "modal-content-shadow",
@@ -8457,7 +9809,8 @@
         "name": "multiselect-content-radius",
         "cssVar": "--multiselect-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Content popover border-radius aligned with Figma radius/md (8px) per Bowser audit MultiSelect — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "multiselect-content-shadow",
@@ -8575,94 +9928,240 @@
         "value": "0.375rem"
       },
       {
-        "name": "multiselect-tag-text-lg",
-        "cssVar": "--multiselect-tag-text-lg",
+        "name": "multiselect-tag-text-lg",
+        "cssVar": "--multiselect-tag-text-lg",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "multiselect-tag-text-md",
+        "cssVar": "--multiselect-tag-text-md",
+        "type": "dimension",
+        "value": "0.75rem"
+      },
+      {
+        "name": "multiselect-tag-text-sm",
+        "cssVar": "--multiselect-tag-text-sm",
+        "type": "dimension",
+        "value": "0.75rem"
+      },
+      {
+        "name": "multiselect-trigger-min-height-lg",
+        "cssVar": "--multiselect-trigger-min-height-lg",
+        "type": "dimension",
+        "value": "40px"
+      },
+      {
+        "name": "multiselect-trigger-min-height-md",
+        "cssVar": "--multiselect-trigger-min-height-md",
+        "type": "dimension",
+        "value": "36px"
+      },
+      {
+        "name": "multiselect-trigger-min-height-sm",
+        "cssVar": "--multiselect-trigger-min-height-sm",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "multiselect-trigger-padding-x-lg",
+        "cssVar": "--multiselect-trigger-padding-x-lg",
+        "value": "14px"
+      },
+      {
+        "name": "multiselect-trigger-padding-x-md",
+        "cssVar": "--multiselect-trigger-padding-x-md",
+        "value": "12px"
+      },
+      {
+        "name": "multiselect-trigger-padding-x-sm",
+        "cssVar": "--multiselect-trigger-padding-x-sm",
+        "value": "10px"
+      },
+      {
+        "name": "multiselect-trigger-padding-y-lg",
+        "cssVar": "--multiselect-trigger-padding-y-lg",
+        "value": "8px"
+      },
+      {
+        "name": "multiselect-trigger-padding-y-md",
+        "cssVar": "--multiselect-trigger-padding-y-md",
+        "value": "8px"
+      },
+      {
+        "name": "multiselect-trigger-padding-y-sm",
+        "cssVar": "--multiselect-trigger-padding-y-sm",
+        "value": "4px"
+      },
+      {
+        "name": "multiselect-trigger-radius",
+        "cssVar": "--multiselect-trigger-radius",
+        "type": "dimension",
+        "description": "Trigger border-radius aligned with Figma radius/md (8px) per Bowser audit MultiSelect — was missing.",
+        "value": "8px"
+      },
+      {
+        "name": "multiselect-trigger-text-lg",
+        "cssVar": "--multiselect-trigger-text-lg",
+        "type": "dimension",
+        "value": "1rem"
+      },
+      {
+        "name": "multiselect-trigger-text-md",
+        "cssVar": "--multiselect-trigger-text-md",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "multiselect-trigger-text-sm",
+        "cssVar": "--multiselect-trigger-text-sm",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "multiselect-trigger-width",
+        "cssVar": "--multiselect-trigger-width",
+        "type": "dimension",
+        "value": "200px"
+      },
+      {
+        "name": "native-select-focus-ring-color",
+        "cssVar": "--native-select-focus-ring-color",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "native-select-focus-ring-width",
+        "cssVar": "--native-select-focus-ring-width",
+        "type": "dimension",
+        "description": "NativeSelect focus ring width — note Figma uses 2px spread; código atual 3px (a alinhar).",
+        "value": "3px"
+      },
+      {
+        "name": "native-select-root-border-default",
+        "cssVar": "--native-select-root-border-default",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "native-select-root-border-focus",
+        "cssVar": "--native-select-root-border-focus",
+        "type": "color",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "native-select-root-border-width",
+        "cssVar": "--native-select-root-border-width",
+        "type": "dimension",
+        "value": "1px"
+      },
+      {
+        "name": "native-select-root-radius",
+        "cssVar": "--native-select-root-radius",
         "type": "dimension",
-        "value": "0.875rem"
+        "description": "NativeSelect root radius aligned with Figma radius/md per DES-1288.",
+        "value": "8px"
       },
       {
-        "name": "multiselect-tag-text-md",
-        "cssVar": "--multiselect-tag-text-md",
+        "name": "native-select-root-shadow",
+        "cssVar": "--native-select-root-shadow",
+        "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
+      },
+      {
+        "name": "native-select-size-lg-height",
+        "cssVar": "--native-select-size-lg-height",
         "type": "dimension",
-        "value": "0.75rem"
+        "value": "40px"
       },
       {
-        "name": "multiselect-tag-text-sm",
-        "cssVar": "--multiselect-tag-text-sm",
+        "name": "native-select-size-lg-padding-x",
+        "cssVar": "--native-select-size-lg-padding-x",
         "type": "dimension",
-        "value": "0.75rem"
+        "value": "14px"
       },
       {
-        "name": "multiselect-trigger-min-height-lg",
-        "cssVar": "--multiselect-trigger-min-height-lg",
+        "name": "native-select-size-lg-text",
+        "cssVar": "--native-select-size-lg-text",
         "type": "dimension",
-        "value": "40px"
+        "value": "1rem"
       },
       {
-        "name": "multiselect-trigger-min-height-md",
-        "cssVar": "--multiselect-trigger-min-height-md",
+        "name": "native-select-size-md-height",
+        "cssVar": "--native-select-size-md-height",
         "type": "dimension",
         "value": "36px"
       },
       {
-        "name": "multiselect-trigger-min-height-sm",
-        "cssVar": "--multiselect-trigger-min-height-sm",
+        "name": "native-select-size-md-padding-x",
+        "cssVar": "--native-select-size-md-padding-x",
         "type": "dimension",
-        "value": "32px"
+        "value": "12px"
       },
       {
-        "name": "multiselect-trigger-padding-x-lg",
-        "cssVar": "--multiselect-trigger-padding-x-lg",
-        "value": "14px"
+        "name": "native-select-size-md-text",
+        "cssVar": "--native-select-size-md-text",
+        "type": "dimension",
+        "value": "0.875rem"
       },
       {
-        "name": "multiselect-trigger-padding-x-md",
-        "cssVar": "--multiselect-trigger-padding-x-md",
-        "value": "12px"
+        "name": "native-select-size-sm-height",
+        "cssVar": "--native-select-size-sm-height",
+        "type": "dimension",
+        "value": "32px"
       },
       {
-        "name": "multiselect-trigger-padding-x-sm",
-        "cssVar": "--multiselect-trigger-padding-x-sm",
+        "name": "native-select-size-sm-padding-x",
+        "cssVar": "--native-select-size-sm-padding-x",
+        "type": "dimension",
         "value": "10px"
       },
       {
-        "name": "multiselect-trigger-padding-y-lg",
-        "cssVar": "--multiselect-trigger-padding-y-lg",
-        "value": "8px"
+        "name": "native-select-size-sm-text",
+        "cssVar": "--native-select-size-sm-text",
+        "type": "dimension",
+        "value": "0.875rem"
       },
       {
-        "name": "multiselect-trigger-padding-y-md",
-        "cssVar": "--multiselect-trigger-padding-y-md",
-        "value": "8px"
+        "name": "native-select-size-xl-height",
+        "cssVar": "--native-select-size-xl-height",
+        "type": "dimension",
+        "value": "48px"
       },
       {
-        "name": "multiselect-trigger-padding-y-sm",
-        "cssVar": "--multiselect-trigger-padding-y-sm",
-        "value": "4px"
+        "name": "native-select-size-xl-padding-x",
+        "cssVar": "--native-select-size-xl-padding-x",
+        "type": "dimension",
+        "value": "16px"
       },
       {
-        "name": "multiselect-trigger-text-lg",
-        "cssVar": "--multiselect-trigger-text-lg",
+        "name": "native-select-size-xl-text",
+        "cssVar": "--native-select-size-xl-text",
         "type": "dimension",
-        "value": "1rem"
+        "value": "1.125rem"
       },
       {
-        "name": "multiselect-trigger-text-md",
-        "cssVar": "--multiselect-trigger-text-md",
+        "name": "native-select-size-xs-height",
+        "cssVar": "--native-select-size-xs-height",
         "type": "dimension",
-        "value": "0.875rem"
+        "value": "28px"
       },
       {
-        "name": "multiselect-trigger-text-sm",
-        "cssVar": "--multiselect-trigger-text-sm",
+        "name": "native-select-size-xs-padding-x",
+        "cssVar": "--native-select-size-xs-padding-x",
         "type": "dimension",
-        "value": "0.875rem"
+        "value": "8px"
       },
       {
-        "name": "multiselect-trigger-width",
-        "cssVar": "--multiselect-trigger-width",
+        "name": "native-select-size-xs-text",
+        "cssVar": "--native-select-size-xs-text",
         "type": "dimension",
-        "value": "200px"
+        "value": "0.75rem"
+      },
+      {
+        "name": "native-select-variant-filled-bg",
+        "cssVar": "--native-select-variant-filled-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "navbar-item-gap",
@@ -8851,6 +10350,101 @@
         "type": "dimension",
         "value": "36px"
       },
+      {
+        "name": "panel-footer-padding-x",
+        "cssVar": "--panel-footer-padding-x",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "panel-footer-padding-y",
+        "cssVar": "--panel-footer-padding-y",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "panel-header-padding-x",
+        "cssVar": "--panel-header-padding-x",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "panel-header-padding-y",
+        "cssVar": "--panel-header-padding-y",
+        "type": "dimension",
+        "value": "12px"
+      },
+      {
+        "name": "panel-root-border-color",
+        "cssVar": "--panel-root-border-color",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "panel-root-radius",
+        "cssVar": "--panel-root-radius",
+        "type": "dimension",
+        "description": "Panel root radius aligned with Figma radius/md per DES-1292.",
+        "value": "8px"
+      },
+      {
+        "name": "panel-root-shadow",
+        "cssVar": "--panel-root-shadow",
+        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+      },
+      {
+        "name": "panel-size-lg",
+        "cssVar": "--panel-size-lg",
+        "type": "dimension",
+        "description": "Panel lg width — wide panel.",
+        "value": "400px"
+      },
+      {
+        "name": "panel-size-md",
+        "cssVar": "--panel-size-md",
+        "type": "dimension",
+        "description": "Panel md width — medium panel.",
+        "value": "320px"
+      },
+      {
+        "name": "panel-size-sm",
+        "cssVar": "--panel-size-sm",
+        "type": "dimension",
+        "description": "Panel sm width — standard sidebar.",
+        "value": "280px"
+      },
+      {
+        "name": "panel-size-xl",
+        "cssVar": "--panel-size-xl",
+        "type": "dimension",
+        "description": "Panel xl width — extra wide panel.",
+        "value": "480px"
+      },
+      {
+        "name": "panel-size-xs",
+        "cssVar": "--panel-size-xs",
+        "type": "dimension",
+        "description": "Panel xs width — compact sidebar.",
+        "value": "240px"
+      },
+      {
+        "name": "panel-variant-default-bg",
+        "cssVar": "--panel-variant-default-bg",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "panel-variant-elevated-bg",
+        "cssVar": "--panel-variant-elevated-bg",
+        "type": "color",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "panel-variant-subtle-bg",
+        "cssVar": "--panel-variant-subtle-bg",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "paragraph-size-base-font-size",
         "cssVar": "--paragraph-size-base-font-size",
@@ -8996,22 +10590,16 @@
         "value": "16px"
       },
       {
-        "name": "popover-bg",
-        "cssVar": "--popover-bg",
-        "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
-      },
-      {
-        "name": "popover-border",
-        "cssVar": "--popover-border",
-        "type": "color",
-        "value": "oklch(92.19% 0.0000 0)"
+        "name": "popover-content-animation-duration",
+        "cssVar": "--popover-content-animation-duration",
+        "description": "Popover content animation duration per DES-1294 item 3 — uses moderate (300ms) for dropdown/tooltip/popover entrance.",
+        "value": "300ms"
       },
       {
-        "name": "popover-content-background",
-        "cssVar": "--popover-content-background",
-        "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "name": "popover-content-animation-easing",
+        "cssVar": "--popover-content-animation-easing",
+        "description": "Popover content animation easing per DES-1294 item 3.",
+        "value": "cubic-bezier(0.4, 0, 0.2, 1)"
       },
       {
         "name": "popover-content-border-width",
@@ -9019,12 +10607,6 @@
         "type": "dimension",
         "value": "1px"
       },
-      {
-        "name": "popover-content-foreground",
-        "cssVar": "--popover-content-foreground",
-        "type": "color",
-        "value": "oklch(20.46% 0.0000 0)"
-      },
       {
         "name": "popover-content-padding",
         "cssVar": "--popover-content-padding",
@@ -9035,7 +10617,7 @@
         "name": "popover-content-radius",
         "cssVar": "--popover-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "8px"
       },
       {
         "name": "popover-content-shadow",
@@ -9054,17 +10636,11 @@
         "type": "number",
         "value": "50"
       },
-      {
-        "name": "popover-fg",
-        "cssVar": "--popover-fg",
-        "type": "color",
-        "value": "oklch(20.46% 0.0000 0)"
-      },
       {
         "name": "popover-radius",
         "cssVar": "--popover-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "value": "8px"
       },
       {
         "name": "priority-high-bg",
@@ -9118,7 +10694,8 @@
         "name": "progress-bar-fill-color-default",
         "cssVar": "--progress-bar-fill-color-default",
         "type": "color",
-        "value": "oklch(62.71% 0.1699 149.21)"
+        "description": "Default indicator mint primary aligned with Figma per Bowser audit ProgressBar — pre-fix was oklch(62.71% 0.1699 149.21) (dark green, naming clash).",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
         "name": "progress-bar-fill-color-error",
@@ -9281,31 +10858,36 @@
         "name": "progress-bar-track-color-error",
         "cssVar": "--progress-bar-track-color-error",
         "type": "color",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-bar-track-color-primary",
         "cssVar": "--progress-bar-track-color-primary",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix was oklch(81.75% 0.1821 159.79) (duplicate of indicator).",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-bar-track-color-success",
         "cssVar": "--progress-bar-track-color-success",
         "type": "color",
-        "value": "oklch(62.71% 0.1699 149.21)"
+        "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-bar-track-color-warning",
         "cssVar": "--progress-bar-track-color-warning",
         "type": "color",
-        "value": "oklch(86.06% 0.1731 91.94)"
+        "description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-circle-indicator-color-default",
         "cssVar": "--progress-circle-indicator-color-default",
         "type": "color",
-        "value": "oklch(62.71% 0.1699 149.21)"
+        "description": "Default indicator neutral foreground (distinct from primary mint) per Bowser audit.",
+        "value": "oklch(14.48% 0.0000 0)"
       },
       {
         "name": "progress-circle-indicator-color-error",
@@ -9412,25 +10994,29 @@
         "name": "progress-circle-track-color-error",
         "cssVar": "--progress-circle-track-color-error",
         "type": "color",
-        "value": "oklch(63.68% 0.2078 25.33)"
+        "description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-circle-track-color-primary",
         "cssVar": "--progress-circle-track-color-primary",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-circle-track-color-success",
         "cssVar": "--progress-circle-track-color-success",
         "type": "color",
-        "value": "oklch(62.71% 0.1699 149.21)"
+        "description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-circle-track-color-warning",
         "cssVar": "--progress-circle-track-color-warning",
         "type": "color",
-        "value": "oklch(86.06% 0.1731 91.94)"
+        "description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "progress-circle-value-color",
@@ -9443,11 +11029,54 @@
         "cssVar": "--progress-circle-value-font-weight",
         "value": "600"
       },
+      {
+        "name": "progress-steps-connector-offset-lg",
+        "cssVar": "--progress-steps-connector-offset-lg",
+        "type": "dimension",
+        "description": "Horizontal connector offset for lg size — half of progress step indicator (48px lg).",
+        "value": "24px"
+      },
+      {
+        "name": "progress-steps-connector-offset-md",
+        "cssVar": "--progress-steps-connector-offset-md",
+        "type": "dimension",
+        "description": "Horizontal connector offset for md size — half of progress step indicator (40px md).",
+        "value": "20px"
+      },
+      {
+        "name": "progress-steps-connector-offset-sm",
+        "cssVar": "--progress-steps-connector-offset-sm",
+        "type": "dimension",
+        "description": "Horizontal connector offset for sm size — half of progress step indicator (32px sm).",
+        "value": "16px"
+      },
+      {
+        "name": "progress-steps-connector-vertical-height-offset-lg",
+        "cssVar": "--progress-steps-connector-vertical-height-offset-lg",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for lg size.",
+        "value": "48px"
+      },
+      {
+        "name": "progress-steps-connector-vertical-height-offset-md",
+        "cssVar": "--progress-steps-connector-vertical-height-offset-md",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for md size.",
+        "value": "40px"
+      },
+      {
+        "name": "progress-steps-connector-vertical-height-offset-sm",
+        "cssVar": "--progress-steps-connector-vertical-height-offset-sm",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for sm — equals step indicator full height.",
+        "value": "32px"
+      },
       {
         "name": "radio-indicator-color",
         "cssVar": "--radio-indicator-color",
         "type": "color",
-        "value": "oklch(18.34% 0.0338 166.67)"
+        "description": "Mint dot inside checked radio. Per Bowser audit RadioButton Pendência 3 — pre-fix was oklch(18.34% 0.0338 166.67) (dark dot on mint bg, inverted vs Figma).",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
         "name": "radio-indicator-size-lg",
@@ -9471,7 +11100,8 @@
         "name": "radio-root-bg-checked",
         "cssVar": "--radio-root-bg-checked",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Checked bg stays white. Mint indicator appears inside via border + indicator color. Per Bowser audit RadioButton Pendência 3 — pre-fix was oklch(81.75% 0.1821 159.79) (mint bg) with dark indicator (inverted vs Figma).",
+        "value": "oklch(100.00% 0.0000 0)"
       },
       {
         "name": "radio-root-bg-default",
@@ -9495,7 +11125,8 @@
         "name": "radio-root-border-default",
         "cssVar": "--radio-root-border-default",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Unchecked border aligned with Figma core/border/border (#e5e5e5) per Bowser audit RadioButton Pendência 2 — pre-fix was oklch(81.75% 0.1821 159.79) (mint, visual bug, same pattern as Checkbox).",
+        "value": "oklch(92.19% 0.0000 0)"
       },
       {
         "name": "radio-root-border-focus",
@@ -9554,7 +11185,8 @@
         "name": "rail-width",
         "cssVar": "--rail-width",
         "type": "dimension",
-        "value": "3.5rem"
+        "description": "Rail width aligned with Figma Secondary 64px per DES-1300 item 3 — pre-fix was 3.5rem (56px).",
+        "value": "4rem"
       },
       {
         "name": "rating-icon-color-empty",
@@ -9767,6 +11399,31 @@
         "type": "dimension",
         "value": "32px"
       },
+      {
+        "name": "section-root-radius",
+        "cssVar": "--section-root-radius",
+        "type": "dimension",
+        "description": "Section root border-radius (8px). Token added so Section.variants.ts can consume it instead of hardcoded `rounded-lg`.",
+        "value": "8px"
+      },
+      {
+        "name": "section-size-default-padding",
+        "cssVar": "--section-size-default-padding",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "section-size-lg-padding",
+        "cssVar": "--section-size-lg-padding",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "section-size-sm-padding",
+        "cssVar": "--section-size-sm-padding",
+        "type": "dimension",
+        "value": "16px"
+      },
       {
         "name": "select-content-bg",
         "cssVar": "--select-content-bg",
@@ -9795,7 +11452,8 @@
         "name": "select-content-radius",
         "cssVar": "--select-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Select content radius aligned with Figma radius/md (8px) per DES-1296 — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "select-content-shadow",
@@ -9836,13 +11494,47 @@
         "name": "select-item-radius",
         "cssVar": "--select-item-radius",
         "type": "dimension",
-        "value": "0.125rem"
+        "description": "Select item radius aligned with Figma radius-sm per DES-1296 — pre-fix was 0.125rem (2px).",
+        "value": "4px"
+      },
+      {
+        "name": "select-item-text",
+        "cssVar": "--select-item-text",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "select-trigger-border-focus",
+        "cssVar": "--select-trigger-border-focus",
+        "type": "color",
+        "description": "Focus border color. Mint primary brand color from --ring token.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "select-trigger-disabled-bg",
+        "cssVar": "--select-trigger-disabled-bg",
+        "type": "color",
+        "description": "Select trigger disabled bg per DES-1296 item 3 (token vs opacity).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "select-trigger-disabled-border",
+        "cssVar": "--select-trigger-disabled-border",
+        "type": "color",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "select-trigger-disabled-fg",
+        "cssVar": "--select-trigger-disabled-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
       },
       {
-        "name": "select-item-text",
-        "cssVar": "--select-item-text",
+        "name": "select-trigger-gap",
+        "cssVar": "--select-trigger-gap",
         "type": "dimension",
-        "value": "0.875rem"
+        "description": "Gap between SelectValue text and chevron icon. Default 8px (spacing.2).",
+        "value": "8px"
       },
       {
         "name": "select-trigger-height-lg",
@@ -9898,6 +11590,33 @@
         "type": "dimension",
         "value": "4px"
       },
+      {
+        "name": "select-trigger-radius",
+        "cssVar": "--select-trigger-radius",
+        "type": "dimension",
+        "description": "Trigger border-radius. Aligned with Figma radius/md (8px) per audit Select.md Pendência 2.",
+        "value": "8px"
+      },
+      {
+        "name": "select-trigger-ring-destructive",
+        "cssVar": "--select-trigger-ring-destructive",
+        "type": "color",
+        "description": "Select trigger focus ring destructive (invalid state).",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "select-trigger-ring-primary",
+        "cssVar": "--select-trigger-ring-primary",
+        "type": "color",
+        "description": "Select trigger focus ring primary per DES-1296 item 4.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "select-trigger-ring-width",
+        "cssVar": "--select-trigger-ring-width",
+        "type": "dimension",
+        "value": "3px"
+      },
       {
         "name": "select-trigger-text-lg",
         "cssVar": "--select-trigger-text-lg",
@@ -9916,11 +11635,40 @@
         "type": "dimension",
         "value": "0.875rem"
       },
+      {
+        "name": "sheet-close-opacity-default",
+        "cssVar": "--sheet-close-opacity-default",
+        "type": "number",
+        "description": "Sheet close button default opacity per DES-1298 item 13.",
+        "value": "0.7"
+      },
+      {
+        "name": "sheet-close-radius",
+        "cssVar": "--sheet-close-radius",
+        "type": "dimension",
+        "description": "Sheet close button radius per DES-1298 item 13.",
+        "value": "2px"
+      },
+      {
+        "name": "sheet-close-right",
+        "cssVar": "--sheet-close-right",
+        "type": "dimension",
+        "description": "Sheet close button right offset per DES-1298 item 13.",
+        "value": "16px"
+      },
+      {
+        "name": "sheet-close-top",
+        "cssVar": "--sheet-close-top",
+        "type": "dimension",
+        "description": "Sheet close button top offset per DES-1298 item 13.",
+        "value": "16px"
+      },
       {
         "name": "sheet-content-bg",
         "cssVar": "--sheet-content-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "description": "Sheet content bg aligned with Figma core/background/surface (fafafa) per DES-1298 item 3 — pre-fix was light.base.background (white).",
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "sheet-content-border",
@@ -9928,18 +11676,33 @@
         "type": "color",
         "value": "oklch(92.19% 0.0000 0)"
       },
+      {
+        "name": "sheet-content-max-height-default",
+        "cssVar": "--sheet-content-max-height-default",
+        "type": "dimension",
+        "description": "Sheet default max-height (384px) — DES-1298 item 8 tokenization.",
+        "value": "24rem"
+      },
       {
         "name": "sheet-content-max-height-lg",
         "cssVar": "--sheet-content-max-height-lg",
         "type": "dimension",
-        "description": "Top/bottom large sheet max height (outside Tailwind v4 spacing scale)",
-        "value": "600px"
+        "description": "Sheet lg max-height aligned with Figma 819.2px per DES-1298 item 6 — pre-fix was 600px (73%).",
+        "value": "820px"
+      },
+      {
+        "name": "sheet-content-max-height-sm",
+        "cssVar": "--sheet-content-max-height-sm",
+        "type": "dimension",
+        "description": "Sheet sm max-height (256px) — DES-1298 item 8 tokenization.",
+        "value": "16rem"
       },
       {
         "name": "sheet-content-padding",
         "cssVar": "--sheet-content-padding",
         "type": "dimension",
-        "value": "24px"
+        "description": "Sheet content padding aligned with Figma spacing/s-32 per DES-1298 item 7 — pre-fix was 24px (spacing.6).",
+        "value": "32px"
       },
       {
         "name": "sheet-content-shadow",
@@ -9956,19 +11719,21 @@
         "name": "sheet-content-width-lg",
         "cssVar": "--sheet-content-width-lg",
         "type": "dimension",
-        "value": "32rem"
+        "description": "Sheet lg width aligned with Figma 1152px per DES-1298 item 5 — pre-fix was 32rem (512px, 2.25x off).",
+        "value": "72rem"
       },
       {
         "name": "sheet-content-width-sm",
         "cssVar": "--sheet-content-width-sm",
         "type": "dimension",
-        "value": "18rem"
+        "description": "Sheet sm width aligned with Figma 576px per DES-1298 item 4 — pre-fix was 18rem (288px, 2x off).",
+        "value": "36rem"
       },
       {
         "name": "sheet-overlay-bg-blur",
         "cssVar": "--sheet-overlay-bg-blur",
         "type": "color",
-        "value": "oklch(0.00% 0.0000 0 / 60.0%)"
+        "value": "oklch(0% 0 0 / 30%)"
       },
       {
         "name": "sheet-overlay-bg-default",
@@ -9980,7 +11745,28 @@
         "name": "sheet-overlay-bg-light",
         "cssVar": "--sheet-overlay-bg-light",
         "type": "color",
-        "value": "oklch(0.00% 0.0000 0 / 60.0%)"
+        "value": "oklch(100% 0 0 / 50%)"
+      },
+      {
+        "name": "sidebar-container-background",
+        "cssVar": "--sidebar-container-background",
+        "type": "color",
+        "description": "Sidebar container bg = surface #fafafa (Figma 1091:9106).",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-container-padding-x",
+        "cssVar": "--sidebar-container-padding-x",
+        "type": "dimension",
+        "description": "Sidebar (rail) container horizontal padding = 12px (Figma px-[var(--spacing/s-12,12px)]).",
+        "value": "12px"
+      },
+      {
+        "name": "sidebar-container-padding-y",
+        "cssVar": "--sidebar-container-padding-y",
+        "type": "dimension",
+        "description": "Sidebar (rail) container vertical padding = 24px (Figma py-[var(--spacing/s-24,24px)]).",
+        "value": "24px"
       },
       {
         "name": "sidebar-group-padding",
@@ -10011,28 +11797,333 @@
         "cssVar": "--sidebar-input-shadow",
         "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"
       },
+      {
+        "name": "sidebar-logo-background",
+        "cssVar": "--sidebar-logo-background",
+        "type": "color",
+        "description": "Logo plate bg = brand-primary #19e699 (Figma 1087:323).",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "sidebar-logo-foreground",
+        "cssVar": "--sidebar-logo-foreground",
+        "type": "color",
+        "description": "Logo glyph color = brand-primary-foreground #02170f (Figma 1087:323).",
+        "value": "oklch(18.34% 0.0338 166.67)"
+      },
+      {
+        "name": "sidebar-logo-icon-size",
+        "cssVar": "--sidebar-logo-icon-size",
+        "type": "dimension",
+        "description": "Logo inner mark size = 16px (Figma 1087:304 Logo size-[16px]).",
+        "value": "1rem"
+      },
+      {
+        "name": "sidebar-logo-padding",
+        "cssVar": "--sidebar-logo-padding",
+        "type": "dimension",
+        "description": "Logo inner padding = 4px (Figma p-[var(--spacing/s-4,4px)]).",
+        "value": "4px"
+      },
+      {
+        "name": "sidebar-logo-radius",
+        "cssVar": "--sidebar-logo-radius",
+        "type": "dimension",
+        "description": "Logo border-radius = 4px rounded-md (Figma rounded-[var(--border-radius/rounded-md,4px)]).",
+        "value": "4px"
+      },
+      {
+        "name": "sidebar-logo-size",
+        "cssVar": "--sidebar-logo-size",
+        "type": "dimension",
+        "description": "Logo total size = 32px (Figma size-[32px]).",
+        "value": "2rem"
+      },
+      {
+        "name": "sidebar-nav-item-bg-default",
+        "cssVar": "--sidebar-nav-item-bg-default",
+        "type": "color",
+        "description": "Panel nav-item bg default = transparent.",
+        "value": "transparent"
+      },
+      {
+        "name": "sidebar-nav-item-bg-hover",
+        "cssVar": "--sidebar-nav-item-bg-hover",
+        "type": "color",
+        "description": "Panel nav-item bg hover/active = muted #f5f5f5.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-nav-item-fg-active",
+        "cssVar": "--sidebar-nav-item-fg-active",
+        "type": "color",
+        "description": "Panel nav-item label color active = foreground #0a0a0a.",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-nav-item-fg-default",
+        "cssVar": "--sidebar-nav-item-fg-default",
+        "type": "color",
+        "description": "Panel nav-item label color default = muted-foreground #737373 (Figma).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-nav-item-font-size",
+        "cssVar": "--sidebar-nav-item-font-size",
+        "type": "dimension",
+        "description": "Panel nav-item label font-size = 14px (Figma text-[14px]).",
+        "value": "0.875rem"
+      },
+      {
+        "name": "sidebar-nav-item-gap",
+        "cssVar": "--sidebar-nav-item-gap",
+        "type": "dimension",
+        "description": "Gap between icon and text in panel nav-item = 12px (Figma gap-[var(--spacing/s-12,12px)]).",
+        "value": "12px"
+      },
+      {
+        "name": "sidebar-nav-item-icon-size",
+        "cssVar": "--sidebar-nav-item-icon-size",
+        "type": "dimension",
+        "description": "Panel nav-item icon size = 20px.",
+        "value": "1.25rem"
+      },
+      {
+        "name": "sidebar-nav-item-line-height",
+        "cssVar": "--sidebar-nav-item-line-height",
+        "type": "number",
+        "description": "Panel nav-item label line-height = 1 (Figma leading-none).",
+        "value": "1"
+      },
+      {
+        "name": "sidebar-nav-item-padding",
+        "cssVar": "--sidebar-nav-item-padding",
+        "type": "dimension",
+        "description": "Panel nav-item padding = 8px (Figma p-[var(--spacing/2,8px)]).",
+        "value": "8px"
+      },
+      {
+        "name": "sidebar-nav-item-radius",
+        "cssVar": "--sidebar-nav-item-radius",
+        "type": "dimension",
+        "description": "Panel nav-item radius = 4px (Figma rounded-md).",
+        "value": "4px"
+      },
+      {
+        "name": "sidebar-panel-background",
+        "cssVar": "--sidebar-panel-background",
+        "type": "color",
+        "description": "Secondary panel bg = surface #fafafa (Figma 1092:542).",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-panel-border-color",
+        "cssVar": "--sidebar-panel-border-color",
+        "type": "color",
+        "description": "Secondary panel left border = border #e5e5e5 (Figma 1092:542 border-l).",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-panel-gap",
+        "cssVar": "--sidebar-panel-gap",
+        "type": "dimension",
+        "description": "Panel vertical gap between header and section blocks = 28px (Figma gap-[28px]).",
+        "value": "1.75rem"
+      },
+      {
+        "name": "sidebar-panel-header-color",
+        "cssVar": "--sidebar-panel-header-color",
+        "type": "color",
+        "description": "Panel title color = foreground #0a0a0a.",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-panel-header-font-size",
+        "cssVar": "--sidebar-panel-header-font-size",
+        "type": "dimension",
+        "description": "Panel title font-size = 16px (Figma Inter Bold 16px — text-[16px] node I1092:542;1092:441).",
+        "value": "1rem"
+      },
+      {
+        "name": "sidebar-panel-header-line-height",
+        "cssVar": "--sidebar-panel-header-line-height",
+        "type": "dimension",
+        "description": "Panel title line-height = 24px (Figma leading-[24px]).",
+        "value": "1.5rem"
+      },
+      {
+        "name": "sidebar-panel-header-padding-x",
+        "cssVar": "--sidebar-panel-header-padding-x",
+        "type": "dimension",
+        "description": "Panel title horizontal padding = 16px (Figma px-[var(--spacing/s-16,16px)]).",
+        "value": "16px"
+      },
+      {
+        "name": "sidebar-panel-padding-bottom",
+        "cssVar": "--sidebar-panel-padding-bottom",
+        "type": "dimension",
+        "description": "Panel bottom padding = 80px (Figma pb-[80px]).",
+        "value": "5rem"
+      },
+      {
+        "name": "sidebar-panel-padding-top",
+        "cssVar": "--sidebar-panel-padding-top",
+        "type": "dimension",
+        "description": "Panel top padding = 28px (Figma pt-[28px]).",
+        "value": "1.75rem"
+      },
       {
         "name": "sidebar-panel-width",
         "cssVar": "--sidebar-panel-width",
         "type": "dimension",
+        "description": "Secondary panel width = 216px (Figma 1091:9106 Secondary mode panel column, node 1092:542).",
         "value": "13.5rem"
       },
+      {
+        "name": "sidebar-rail-group-gap",
+        "cssVar": "--sidebar-rail-group-gap",
+        "type": "dimension",
+        "description": "Vertical gap between rail groups (logo block vs nav block) = 24px (Figma gap-[var(--spacing/s-24,24px)]).",
+        "value": "24px"
+      },
+      {
+        "name": "sidebar-rail-item-bg-default",
+        "cssVar": "--sidebar-rail-item-bg-default",
+        "type": "color",
+        "description": "Rail nav-item bg default = transparent.",
+        "value": "transparent"
+      },
+      {
+        "name": "sidebar-rail-item-bg-hover",
+        "cssVar": "--sidebar-rail-item-bg-hover",
+        "type": "color",
+        "description": "Rail nav-item bg hover/active = muted #f5f5f5 (Figma 1087:204 status=Hover/Active).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-rail-item-fg-active",
+        "cssVar": "--sidebar-rail-item-fg-active",
+        "type": "color",
+        "description": "Rail nav-item icon color active = foreground #0a0a0a (Figma 1087:204 status=Active).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-rail-item-fg-default",
+        "cssVar": "--sidebar-rail-item-fg-default",
+        "type": "color",
+        "description": "Rail nav-item icon color default = muted-foreground #737373 (Figma 1087:204 status=Default).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-rail-item-gap",
+        "cssVar": "--sidebar-rail-item-gap",
+        "type": "dimension",
+        "description": "Vertical gap between rail nav items = 20px (Figma gap-[var(--spacing/s-20,20px)]).",
+        "value": "20px"
+      },
+      {
+        "name": "sidebar-rail-item-icon-size",
+        "cssVar": "--sidebar-rail-item-icon-size",
+        "type": "dimension",
+        "description": "Rail icon size = 20px (Figma size-[20px] across all icons in 1087:204).",
+        "value": "1.25rem"
+      },
+      {
+        "name": "sidebar-rail-item-padding",
+        "cssVar": "--sidebar-rail-item-padding",
+        "type": "dimension",
+        "description": "Rail nav-item padding (all sides) = 8px (Figma p-[var(--spacing/2,8px)]).",
+        "value": "8px"
+      },
+      {
+        "name": "sidebar-rail-item-radius",
+        "cssVar": "--sidebar-rail-item-radius",
+        "type": "dimension",
+        "description": "Rail nav-item border-radius = 4px (Figma rounded-md).",
+        "value": "4px"
+      },
+      {
+        "name": "sidebar-rail-width",
+        "cssVar": "--sidebar-rail-width",
+        "type": "dimension",
+        "description": "Rail strip width = 64px (Figma 1091:9106 Secondary mode rail column).",
+        "value": "4rem"
+      },
+      {
+        "name": "sidebar-section-content-gap",
+        "cssVar": "--sidebar-section-content-gap",
+        "type": "dimension",
+        "description": "Vertical gap between nav items in panel = 8px (Figma gap-[var(--spacing/s-8,8px)]).",
+        "value": "8px"
+      },
+      {
+        "name": "sidebar-section-content-padding-x",
+        "cssVar": "--sidebar-section-content-padding-x",
+        "type": "dimension",
+        "description": "Nav items wrapper horizontal padding = 4px (Figma px-[var(--spacing/s-4,4px)]).",
+        "value": "4px"
+      },
+      {
+        "name": "sidebar-section-gap",
+        "cssVar": "--sidebar-section-gap",
+        "type": "dimension",
+        "description": "Section vertical gap between title and items = 16px (Figma gap-[var(--spacing/s-16,16px)]).",
+        "value": "16px"
+      },
+      {
+        "name": "sidebar-section-padding-x",
+        "cssVar": "--sidebar-section-padding-x",
+        "type": "dimension",
+        "description": "Section block horizontal padding = 8px (Figma px-[8px] on Sub Categoria block I1092:542;1092:442).",
+        "value": "8px"
+      },
+      {
+        "name": "sidebar-section-title-color",
+        "cssVar": "--sidebar-section-title-color",
+        "type": "color",
+        "description": "Section title color = muted-foreground #737373 (Figma colors/neutral/foreground/tertiary).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "sidebar-section-title-font-size",
+        "cssVar": "--sidebar-section-title-font-size",
+        "type": "dimension",
+        "description": "Section title font-size = 10px (Figma text-[10px] I1092:542;1092:444).",
+        "value": "0.625rem"
+      },
+      {
+        "name": "sidebar-section-title-line-height",
+        "cssVar": "--sidebar-section-title-line-height",
+        "type": "number",
+        "description": "Section title line-height = 1 (Figma leading-none).",
+        "value": "1"
+      },
+      {
+        "name": "sidebar-section-title-padding-x",
+        "cssVar": "--sidebar-section-title-padding-x",
+        "type": "dimension",
+        "description": "Section title (Dashboards label) horizontal padding = 8px (Figma px-[var(--spacing/s-8,8px)]).",
+        "value": "8px"
+      },
       {
         "name": "sidebar-width",
         "cssVar": "--sidebar-width",
         "type": "dimension",
-        "value": "16rem"
+        "description": "Sidebar expanded total width = 272px (Figma 1091:9106 status=Expanded).",
+        "value": "17rem"
       },
       {
         "name": "sidebar-width-icon",
         "cssVar": "--sidebar-width-icon",
         "type": "dimension",
-        "value": "3rem"
+        "description": "Sidebar collapsed (rail-only) width = 64px (Figma 1091:9106 status=Collapsed).",
+        "value": "4rem"
       },
       {
         "name": "sidebar-width-mobile",
         "cssVar": "--sidebar-width-mobile",
         "type": "dimension",
+        "description": "Sidebar mobile drawer width (~288px).",
         "value": "18rem"
       },
       {
@@ -10050,7 +12141,8 @@
       {
         "name": "single-stat-label-weight",
         "cssVar": "--single-stat-label-weight",
-        "value": "500"
+        "description": "SingleStat label weight aligned with Figma normal (400) per DES-1302 — pre-fix was medium (500).",
+        "value": "400"
       },
       {
         "name": "single-stat-value-color",
@@ -10282,6 +12374,38 @@
         "type": "dimension",
         "value": "64px"
       },
+      {
+        "name": "slider-focus-ring-primary",
+        "cssVar": "--slider-focus-ring-primary",
+        "type": "color",
+        "description": "Slider thumb focus-ring primary per DES-1304 item 2.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "slider-focus-ring-width",
+        "cssVar": "--slider-focus-ring-width",
+        "type": "dimension",
+        "description": "Slider thumb focus ring width (outer halo around the thumb).",
+        "value": "4px"
+      },
+      {
+        "name": "slider-label-color",
+        "cssVar": "--slider-label-color",
+        "type": "color",
+        "description": "Slider label color per DES-1304 item 2.",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "slider-label-size",
+        "cssVar": "--slider-label-size",
+        "type": "dimension",
+        "value": "0.875rem"
+      },
+      {
+        "name": "slider-label-weight",
+        "cssVar": "--slider-label-weight",
+        "value": "500"
+      },
       {
         "name": "slider-range-bg-default",
         "cssVar": "--slider-range-bg-default",
@@ -10300,6 +12424,13 @@
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "slider-thumb-drop-shadow",
+        "cssVar": "--slider-thumb-drop-shadow",
+        "type": "shadow",
+        "description": "Slider thumb base drop shadow (composed alongside focus ring on focus-visible).",
+        "value": "0 1px 2px 0 var(--drop-shadow-lg-color), 0 1px 3px 0 var(--drop-shadow-md-color)"
+      },
       {
         "name": "slider-thumb-size-lg",
         "cssVar": "--slider-thumb-size-lg",
@@ -10316,31 +12447,55 @@
         "name": "slider-thumb-size-sm",
         "cssVar": "--slider-thumb-size-sm",
         "type": "dimension",
-        "value": "20px"
+        "description": "Slider thumb sm aligned with Figma 16px per DES-1304 item 3 — pre-fix was 20px.",
+        "value": "16px"
+      },
+      {
+        "name": "slider-tooltip-bg",
+        "cssVar": "--slider-tooltip-bg",
+        "type": "color",
+        "description": "Slider tooltip bg per DES-1304 item 2.",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "slider-tooltip-fg",
+        "cssVar": "--slider-tooltip-fg",
+        "type": "color",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "slider-tooltip-radius",
+        "cssVar": "--slider-tooltip-radius",
+        "type": "dimension",
+        "value": "4px"
       },
       {
         "name": "slider-track-bg",
         "cssVar": "--slider-track-bg",
         "type": "color",
-        "value": "oklch(87.82% 0.2037 137.75)"
+        "description": "Track background aligned with Figma core/background/muted (gray) per Bowser audit Slider BUG-1 — pre-fix was oklch(87.82% 0.2037 137.75) (mint green, visual bug).",
+        "value": "oklch(97.02% 0.0000 0)"
       },
       {
         "name": "slider-track-height-lg",
         "cssVar": "--slider-track-height-lg",
         "type": "dimension",
-        "value": "10px"
+        "description": "Slider track lg 8px — scaled above Figma canonical md=6px.",
+        "value": "8px"
       },
       {
         "name": "slider-track-height-md",
         "cssVar": "--slider-track-height-md",
         "type": "dimension",
-        "value": "8px"
+        "description": "Slider track md 6px aligned with Figma canonical (frame 1400:10368, both Range variants = 6h) — pre-fix was 8px.",
+        "value": "6px"
       },
       {
         "name": "slider-track-height-sm",
         "cssVar": "--slider-track-height-sm",
         "type": "dimension",
-        "value": "6px"
+        "description": "Slider track sm 4px — scaled below Figma canonical md=6px.",
+        "value": "4px"
       },
       {
         "name": "spacer-size-2xl",
@@ -10437,7 +12592,8 @@
         "name": "spinner-size-lg",
         "cssVar": "--spinner-size-lg",
         "type": "dimension",
-        "value": "24px"
+        "description": "Spinner lg 28px aligned with Figma canonical (components-spinner-skeleton.html) — pre-fix was 24px (spacing.6).",
+        "value": "28px"
       },
       {
         "name": "spinner-size-md",
@@ -10455,7 +12611,8 @@
         "name": "spinner-size-xl",
         "cssVar": "--spinner-size-xl",
         "type": "dimension",
-        "value": "32px"
+        "description": "Spinner xl 40px aligned with Figma canonical (components-spinner-skeleton.html) — pre-fix was 32px (spacing.8).",
+        "value": "40px"
       },
       {
         "name": "spinner-size-xs",
@@ -10619,6 +12776,13 @@
         "type": "color",
         "value": "oklch(45% 0.15 250)"
       },
+      {
+        "name": "status-indicator-dot-color-destructive",
+        "cssVar": "--status-indicator-dot-color-destructive",
+        "type": "color",
+        "description": "Alias for error — aligns naming with Figma canonical (skill uses `destructive`, code historically used `error`).",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
       {
         "name": "status-indicator-dot-color-error",
         "cssVar": "--status-indicator-dot-color-error",
@@ -10635,7 +12799,8 @@
         "name": "status-indicator-dot-color-neutral",
         "cssVar": "--status-indicator-dot-color-neutral",
         "type": "color",
-        "value": "oklch(55.55% 0.0000 0)"
+        "description": "Neutral status uses light gray border token (L ~92%) per Bowser audit StatusIndicator SEVERE — pre-fix was muted-foreground (L 55%, too dark, visually active vs inactive).",
+        "value": "oklch(92.19% 0.0000 0)"
       },
       {
         "name": "status-indicator-dot-color-success",
@@ -10649,6 +12814,13 @@
         "type": "color",
         "value": "oklch(86.06% 0.1731 91.94)"
       },
+      {
+        "name": "status-indicator-dot-size-2xl",
+        "cssVar": "--status-indicator-dot-size-2xl",
+        "type": "dimension",
+        "description": "StatusIndicator dot 2xl (16px) added per DES-1080.",
+        "value": "16px"
+      },
       {
         "name": "status-indicator-dot-size-default",
         "cssVar": "--status-indicator-dot-size-default",
@@ -10667,6 +12839,13 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "status-indicator-dot-size-xl",
+        "cssVar": "--status-indicator-dot-size-xl",
+        "type": "dimension",
+        "description": "StatusIndicator dot xl (14px) added per DES-1080.",
+        "value": "14px"
+      },
       {
         "name": "status-indicator-dot-size-xs",
         "cssVar": "--status-indicator-dot-size-xs",
@@ -10739,6 +12918,48 @@
         "type": "color",
         "value": "oklch(45% 0.18 25)"
       },
+      {
+        "name": "stepper-connector-offset-default",
+        "cssVar": "--stepper-connector-offset-default",
+        "type": "dimension",
+        "description": "Horizontal connector offset for default size — half of step indicator (48px default circle).",
+        "value": "24px"
+      },
+      {
+        "name": "stepper-connector-offset-lg",
+        "cssVar": "--stepper-connector-offset-lg",
+        "type": "dimension",
+        "description": "Horizontal connector offset for lg size — half of step indicator (60px lg circle).",
+        "value": "30px"
+      },
+      {
+        "name": "stepper-connector-offset-sm",
+        "cssVar": "--stepper-connector-offset-sm",
+        "type": "dimension",
+        "description": "Horizontal connector offset for sm size — half of step indicator (40px sm circle).",
+        "value": "20px"
+      },
+      {
+        "name": "stepper-connector-vertical-height-offset-default",
+        "cssVar": "--stepper-connector-vertical-height-offset-default",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for default size.",
+        "value": "48px"
+      },
+      {
+        "name": "stepper-connector-vertical-height-offset-lg",
+        "cssVar": "--stepper-connector-vertical-height-offset-lg",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for lg size.",
+        "value": "56px"
+      },
+      {
+        "name": "stepper-connector-vertical-height-offset-sm",
+        "cssVar": "--stepper-connector-vertical-height-offset-sm",
+        "type": "dimension",
+        "description": "Vertical connector calc subtraction for sm — equals step indicator height.",
+        "value": "40px"
+      },
       {
         "name": "stepper-indicator-background-active",
         "cssVar": "--stepper-indicator-background-active",
@@ -10948,6 +13169,26 @@
         "cssVar": "--switch-track-radius",
         "value": "9999px"
       },
+      {
+        "name": "switch-track-ring-ghost",
+        "cssVar": "--switch-track-ring-ghost",
+        "type": "color",
+        "description": "Switch track focus ring ghost variant per DES-1308.",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "switch-track-ring-primary",
+        "cssVar": "--switch-track-ring-primary",
+        "type": "color",
+        "description": "Switch track focus ring primary per DES-1308.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "switch-track-ring-width",
+        "cssVar": "--switch-track-ring-width",
+        "type": "dimension",
+        "value": "3px"
+      },
       {
         "name": "switch-track-shadow",
         "cssVar": "--switch-track-shadow",
@@ -11103,10 +13344,35 @@
         "cssVar": "--tabs-trigger-active-shadow",
         "value": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"
       },
+      {
+        "name": "tabs-trigger-badge-bg",
+        "cssVar": "--tabs-trigger-badge-bg",
+        "type": "color",
+        "description": "Tabs trigger badge bg per DES-1310 item 5.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "tabs-trigger-badge-fg",
+        "cssVar": "--tabs-trigger-badge-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "tabs-trigger-badge-padding-x",
+        "cssVar": "--tabs-trigger-badge-padding-x",
+        "type": "dimension",
+        "value": "6px"
+      },
+      {
+        "name": "tabs-trigger-badge-radius",
+        "cssVar": "--tabs-trigger-badge-radius",
+        "type": "dimension",
+        "value": "9999px"
+      },
       {
         "name": "tabs-trigger-base-gap",
         "cssVar": "--tabs-trigger-base-gap",
-        "value": "6px"
+        "value": "8px"
       },
       {
         "name": "tabs-trigger-base-padding-x",
@@ -11122,7 +13388,7 @@
         "name": "tabs-trigger-base-radius",
         "cssVar": "--tabs-trigger-base-radius",
         "type": "dimension",
-        "value": "0.125rem"
+        "value": "4px"
       },
       {
         "name": "tabs-trigger-base-text",
@@ -11133,7 +13399,8 @@
       {
         "name": "tabs-trigger-base-weight",
         "cssVar": "--tabs-trigger-base-weight",
-        "value": "500"
+        "description": "Tabs trigger weight aligned with Figma Paragraph/P3 normal (400) per DES-1310 — pre-fix was medium (500).",
+        "value": "400"
       },
       {
         "name": "tabs-trigger-focus-ring",
@@ -11145,7 +13412,8 @@
         "name": "tabs-trigger-inactive-fg",
         "cssVar": "--tabs-trigger-inactive-fg",
         "type": "color",
-        "value": "oklch(14.48% 0.0000 0)"
+        "description": "Tabs trigger inactive fg aligned with Figma surface-foreground per DES-1310 item 7.",
+        "value": "oklch(55.55% 0.0000 0)"
       },
       {
         "name": "tag-checkbox-bg-checked",
@@ -11207,12 +13475,33 @@
         "type": "color",
         "value": "oklch(92.19% 0.0000 0)"
       },
+      {
+        "name": "tag-color-dot",
+        "cssVar": "--tag-color-dot",
+        "type": "color",
+        "description": "Tag dot indicator color (mint primary). Per Bowser audit Tag BUG-3 — pre-fix was muted-foreground (gray).",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
       {
         "name": "tag-color-text-default",
         "cssVar": "--tag-color-text-default",
         "type": "color",
         "value": "oklch(14.48% 0.0000 0)"
       },
+      {
+        "name": "tag-count-radius",
+        "cssVar": "--tag-count-radius",
+        "type": "dimension",
+        "description": "Tag count pill border-radius. Per Bowser audit Tag BUG-2 — pre-fix was rounded-sm utility resolving to 0px.",
+        "value": "4px"
+      },
+      {
+        "name": "tag-radius",
+        "cssVar": "--tag-radius",
+        "type": "dimension",
+        "description": "Tag border-radius aligned with Figma radius/md (8px) per Bowser audit Tag BUG-1 — pre-fix was rounded-md utility resolving to 0px.",
+        "value": "8px"
+      },
       {
         "name": "tag-size-checkbox-lg",
         "cssVar": "--tag-size-checkbox-lg",
@@ -11531,12 +13820,26 @@
         "type": "color",
         "value": "oklch(97.02% 0.0000 0)"
       },
+      {
+        "name": "textarea-bg-filled",
+        "cssVar": "--textarea-bg-filled",
+        "type": "color",
+        "description": "Textarea filled variant bg per DES-1316 item 4.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "textarea-border-default",
         "cssVar": "--textarea-border-default",
         "type": "color",
         "value": "oklch(92.19% 0.0000 0)"
       },
+      {
+        "name": "textarea-border-disabled",
+        "cssVar": "--textarea-border-disabled",
+        "type": "color",
+        "description": "Textarea disabled border color per DES-1316 item 2.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "textarea-border-error",
         "cssVar": "--textarea-border-error",
@@ -11576,7 +13879,22 @@
       {
         "name": "textarea-radius",
         "cssVar": "--textarea-radius",
-        "value": "0.375rem"
+        "type": "dimension",
+        "description": "Textarea border-radius aligned with Figma radius/md (8px) per Bowser audit — pre-fix was 0.375rem (6px).",
+        "value": "8px"
+      },
+      {
+        "name": "textarea-ring-primary",
+        "cssVar": "--textarea-ring-primary",
+        "type": "color",
+        "description": "Textarea focus ring primary per DES-1316 item 3.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "textarea-ring-width",
+        "cssVar": "--textarea-ring-width",
+        "type": "dimension",
+        "value": "3px"
       },
       {
         "name": "textarea-shadow",
@@ -11587,7 +13905,8 @@
         "name": "textarea-size-lg-min-h",
         "cssVar": "--textarea-size-lg-min-h",
         "type": "dimension",
-        "value": "96px"
+        "description": "Textarea lg min-height shifted to 160px (was 96px) to align scale with Figma canonical md=128px.",
+        "value": "160px"
       },
       {
         "name": "textarea-size-lg-px",
@@ -11609,7 +13928,8 @@
         "name": "textarea-size-md-min-h",
         "cssVar": "--textarea-size-md-min-h",
         "type": "dimension",
-        "value": "80px"
+        "description": "Textarea md min-height 128px aligned with Figma canonical (frame 1386:13761) — pre-fix was 80px.",
+        "value": "128px"
       },
       {
         "name": "textarea-size-md-px",
@@ -11631,7 +13951,8 @@
         "name": "textarea-size-sm-min-h",
         "cssVar": "--textarea-size-sm-min-h",
         "type": "dimension",
-        "value": "64px"
+        "description": "Textarea sm min-height shifted to 96px (was 64px) to align scale with Figma canonical md=128px.",
+        "value": "96px"
       },
       {
         "name": "textarea-size-sm-px",
@@ -11658,20 +13979,22 @@
       {
         "name": "thumbnail-rounded-default",
         "cssVar": "--thumbnail-rounded-default",
-        "type": "color",
-        "value": "0.375rem"
+        "type": "dimension",
+        "description": "Thumbnail default radius aligned with Figma 8px per Bowser audit Thumbnail — pre-fix was 0.375rem (6px). Also fixed $type.",
+        "value": "8px"
       },
       {
         "name": "thumbnail-rounded-full",
         "cssVar": "--thumbnail-rounded-full",
-        "type": "color",
+        "type": "dimension",
         "value": "9999px"
       },
       {
         "name": "thumbnail-rounded-lg",
         "cssVar": "--thumbnail-rounded-lg",
-        "type": "color",
-        "value": "0.5rem"
+        "type": "dimension",
+        "description": "Thumbnail lg radius aligned with Figma 12px per Bowser audit Thumbnail — pre-fix was 0.5rem (8px). Also fixed $type.",
+        "value": "12px"
       },
       {
         "name": "thumbnail-rounded-none",
@@ -11682,8 +14005,9 @@
       {
         "name": "thumbnail-rounded-sm",
         "cssVar": "--thumbnail-rounded-sm",
-        "type": "color",
-        "value": "0.125rem"
+        "type": "dimension",
+        "description": "Thumbnail sm radius aligned with Figma 4px per Bowser audit Thumbnail — pre-fix was 0.125rem (2px). Also fixed $type from color to dimension.",
+        "value": "4px"
       },
       {
         "name": "thumbnail-size-default-width",
@@ -11713,30 +14037,56 @@
         "name": "thumbnail-size-xs-width",
         "cssVar": "--thumbnail-size-xs-width",
         "type": "dimension",
-        "value": "40px"
+        "description": "Thumbnail xs 48px aligned with Figma canonical (frame 1372:2929) — pre-fix was spacing.10 (40px).",
+        "value": "48px"
       },
       {
-        "name": "time-picker-input-text-align",
-        "cssVar": "--time-picker-input-text-align",
-        "value": "center"
+        "name": "time-picker-focus-ring-destructive",
+        "cssVar": "--time-picker-focus-ring-destructive",
+        "type": "color",
+        "description": "TimePicker destructive focus ring (invalid state) per DES-1320.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "time-picker-focus-ring-primary",
+        "cssVar": "--time-picker-focus-ring-primary",
+        "type": "color",
+        "description": "TimePicker primary focus ring color per DES-1320.",
+        "value": "oklch(81.75% 0.1821 159.79)"
       },
       {
-        "name": "time-picker-input-width",
-        "cssVar": "--time-picker-input-width",
+        "name": "time-picker-focus-ring-width",
+        "cssVar": "--time-picker-focus-ring-width",
         "type": "dimension",
-        "value": "65px"
+        "value": "3px"
       },
       {
-        "name": "time-picker-root-gap",
-        "cssVar": "--time-picker-root-gap",
+        "name": "time-picker-trigger-height-lg",
+        "cssVar": "--time-picker-trigger-height-lg",
         "type": "dimension",
-        "value": "8px"
+        "description": "TimePicker trigger lg height (44px), aligned with DatePicker pattern.",
+        "value": "44px"
       },
       {
-        "name": "time-picker-separator-padding-x",
-        "cssVar": "--time-picker-separator-padding-x",
+        "name": "time-picker-trigger-height-md",
+        "cssVar": "--time-picker-trigger-height-md",
         "type": "dimension",
-        "value": "4px"
+        "description": "TimePicker trigger md height 40px aligned with Figma canonical (frame 1400:10543 default = 40h) — pre-fix was h-9 (36px). Matches DatePicker.",
+        "value": "40px"
+      },
+      {
+        "name": "time-picker-trigger-height-sm",
+        "cssVar": "--time-picker-trigger-height-sm",
+        "type": "dimension",
+        "description": "TimePicker trigger sm height (36px), aligned with DatePicker pattern.",
+        "value": "36px"
+      },
+      {
+        "name": "time-picker-trigger-radius",
+        "cssVar": "--time-picker-trigger-radius",
+        "type": "dimension",
+        "description": "Trigger border-radius aligned with Figma radius/md (8px) per Bowser audit TimePicker — was missing, code used rounded-md utility resolving to 0px.",
+        "value": "8px"
       },
       {
         "name": "timeline-connector-offset-compact",
@@ -11784,7 +14134,8 @@
         "name": "timeline-connector-width",
         "cssVar": "--timeline-connector-width",
         "type": "dimension",
-        "value": "2px"
+        "description": "Timeline connector width aligned with Figma separator 1px per DES-1318 item 3 — pre-fix was 2px.",
+        "value": "1px"
       },
       {
         "name": "timeline-item-gap-compact",
@@ -11814,13 +14165,85 @@
         "name": "timeline-marker-border-width",
         "cssVar": "--timeline-marker-border-width",
         "type": "dimension",
-        "value": "2px"
+        "description": "Timeline marker border width aligned with Figma 1px per DES-1318 item 2 — pre-fix was 2px.",
+        "value": "1px"
+      },
+      {
+        "name": "timeline-marker-color-default",
+        "cssVar": "--timeline-marker-color-default",
+        "type": "color",
+        "description": "Timeline marker default color per DES-1318 item 7.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "timeline-marker-color-error",
+        "cssVar": "--timeline-marker-color-error",
+        "type": "color",
+        "description": "Timeline marker error color per DES-1318 item 7.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "timeline-marker-color-muted",
+        "cssVar": "--timeline-marker-color-muted",
+        "type": "color",
+        "description": "Timeline marker muted (pending) color per DES-1318 item 7.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "timeline-marker-color-success",
+        "cssVar": "--timeline-marker-color-success",
+        "type": "color",
+        "description": "Timeline marker success color per DES-1318 item 7.",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "timeline-marker-color-warning",
+        "cssVar": "--timeline-marker-color-warning",
+        "type": "color",
+        "description": "Timeline marker warning color per DES-1318 item 7.",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "timeline-marker-disabled-bg",
+        "cssVar": "--timeline-marker-disabled-bg",
+        "type": "color",
+        "description": "Timeline marker disabled bg per DES-1318 item 4 (triplet).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "timeline-marker-disabled-border",
+        "cssVar": "--timeline-marker-disabled-border",
+        "type": "color",
+        "description": "Timeline marker disabled border per DES-1318 item 4 (triplet).",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "timeline-marker-disabled-fg",
+        "cssVar": "--timeline-marker-disabled-fg",
+        "type": "color",
+        "description": "Timeline marker disabled fg per DES-1318 item 4 (triplet).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "timeline-marker-focus-ring-color",
+        "cssVar": "--timeline-marker-focus-ring-color",
+        "type": "color",
+        "description": "Timeline marker focus-ring per DES-1318 item 5.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "timeline-marker-focus-ring-width",
+        "cssVar": "--timeline-marker-focus-ring-width",
+        "type": "dimension",
+        "description": "Timeline marker focus-ring width per DES-1318 item 5 — matches Figma Focus rings/ring-primary spread 4.",
+        "value": "4px"
       },
       {
         "name": "timeline-marker-size-default",
         "cssVar": "--timeline-marker-size-default",
         "type": "dimension",
-        "value": "12px"
+        "description": "Timeline marker default aligned with Figma StatusDot 16px per DES-1318 — pre-fix was spacing.3 (12px).",
+        "value": "16px"
       },
       {
         "name": "timeline-marker-size-icon-default",
@@ -11844,13 +14267,15 @@
         "name": "timeline-marker-size-lg",
         "cssVar": "--timeline-marker-size-lg",
         "type": "dimension",
-        "value": "16px"
+        "description": "Timeline marker lg aligned per DES-1318 cascade — pre-fix was spacing.4 (16px).",
+        "value": "20px"
       },
       {
         "name": "timeline-marker-size-sm",
         "cssVar": "--timeline-marker-size-sm",
         "type": "dimension",
-        "value": "8px"
+        "description": "Timeline marker sm aligned per DES-1318 cascade — pre-fix was spacing.2 (8px).",
+        "value": "12px"
       },
       {
         "name": "timeline-root-gap-compact",
@@ -11945,13 +14370,15 @@
         "name": "toggle-root-border-radius-pill",
         "cssVar": "--toggle-root-border-radius-pill",
         "type": "dimension",
+        "description": "Pill shape (code-only — Figma uses radius/md/sm). Maintained for backward compatibility.",
         "value": "9999px"
       },
       {
         "name": "toggle-root-border-radius-rounded",
         "cssVar": "--toggle-root-border-radius-rounded",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Rounded shape aligned with Figma radius/md (8px) per Bowser audit Toggle DES-932 cascade — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "toggle-root-border-width",
@@ -12034,13 +14461,14 @@
         "name": "toggle-size-sm-height",
         "cssVar": "--toggle-size-sm-height",
         "type": "dimension",
-        "value": "32px"
+        "description": "Toggle sm height 24px (spacing.6) aligned with Figma per Bowser audit — pre-fix was spacing.8 (32px).",
+        "value": "24px"
       },
       {
         "name": "toggle-size-sm-min-width",
         "cssVar": "--toggle-size-sm-min-width",
         "type": "dimension",
-        "value": "32px"
+        "value": "24px"
       },
       {
         "name": "toggle-size-sm-padding-x",
@@ -12064,7 +14492,7 @@
         "name": "toggle-variant-default-bg-on",
         "cssVar": "--toggle-variant-default-bg-on",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "value": "oklch(95.21% 0.0467 171.12)"
       },
       {
         "name": "toggle-variant-default-border",
@@ -12088,7 +14516,7 @@
         "name": "toggle-variant-default-color-on",
         "cssVar": "--toggle-variant-default-color-on",
         "type": "color",
-        "value": "oklch(18.34% 0.0338 166.67)"
+        "value": "oklch(14.48% 0.0000 0)"
       },
       {
         "name": "toggle-variant-outline-bg-default",
@@ -12154,7 +14582,8 @@
         "name": "toolbar-button-height",
         "cssVar": "--toolbar-button-height",
         "type": "dimension",
-        "value": "36px"
+        "description": "Toolbar button height aligned with Figma height/h-8 (32px) per DES-1324 item 3 — pre-fix was spacing.9 (36px).",
+        "value": "32px"
       },
       {
         "name": "toolbar-button-padding-x",
@@ -12166,12 +14595,14 @@
         "name": "toolbar-button-radius",
         "cssVar": "--toolbar-button-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Toolbar button radius aligned with Figma radius/md (8px) per DES-1324 — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "toolbar-root-background",
         "cssVar": "--toolbar-root-background",
         "type": "color",
+        "description": "Toolbar root bg aligned with Figma core/background/card per DES-1324 item 4.",
         "value": "oklch(100.00% 0.0000 0)"
       },
       {
@@ -12192,11 +14623,26 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "toolbar-root-padding-x",
+        "cssVar": "--toolbar-root-padding-x",
+        "type": "dimension",
+        "description": "Toolbar root horizontal padding split per DES-1324 item 6.",
+        "value": "8px"
+      },
+      {
+        "name": "toolbar-root-padding-y",
+        "cssVar": "--toolbar-root-padding-y",
+        "type": "dimension",
+        "description": "Toolbar root vertical padding split per DES-1324 item 6.",
+        "value": "8px"
+      },
       {
         "name": "toolbar-root-radius",
         "cssVar": "--toolbar-root-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Toolbar root radius aligned with Figma radius/md (8px) per DES-1324 — pre-fix was 0.375rem (6px).",
+        "value": "8px"
       },
       {
         "name": "toolbar-separator-color",
@@ -12240,6 +14686,12 @@
         "type": "color",
         "value": "oklch(100.00% 0.0000 0)"
       },
+      {
+        "name": "tooltip-content-max-width",
+        "cssVar": "--tooltip-content-max-width",
+        "type": "dimension",
+        "value": "24rem"
+      },
       {
         "name": "tooltip-content-padding-x",
         "cssVar": "--tooltip-content-padding-x",
@@ -12256,7 +14708,8 @@
         "name": "tooltip-content-radius",
         "cssVar": "--tooltip-content-radius",
         "type": "dimension",
-        "value": "0.375rem"
+        "description": "Tooltip radius 8px (radius/md) aligned with Figma canonical (frame 1420:9373) — pre-fix was radius-sm (4px).",
+        "value": "8px"
       },
       {
         "name": "tooltip-content-text-size",