@etus/tokens 0.4.0-beta.1 → 0.4.0-beta.11

package/dist/tokens.meta.json

@@ -906,8 +906,8 @@
         "name": "card",
         "cssVar": "--card",
         "type": "color",
-        "description": "Card and elevated container surface (base.white, Figma v2 canonical)",
-        "light": "oklch(100.00% 0.0000 0)",
+        "description": "Card and elevated container surface (#fafafa / neutral-50, per Figma core/background/card + CC-2 do DES-1378). Era base.white (branco) — corrigido 2026-06-22.",
+        "light": "oklch(98.51% 0.0000 0)",
         "dark": "oklch(26.86% 0.0000 0)"
       },
       {
@@ -1071,6 +1071,14 @@
         "light": "oklch(63.68% 0.2078 25.33)",
         "dark": "oklch(63.68% 0.2078 25.33)"
       },
+      {
+        "name": "destructive-active",
+        "cssVar": "--destructive-active",
+        "type": "color",
+        "description": "Destructive active/pressed (red-700, DES-486 — completes interactive role, follows primary-active stepping)",
+        "light": "oklch(50.54% 0.1905 27.52)",
+        "dark": "oklch(80.77% 0.1035 19.57)"
+      },
       {
         "name": "destructive-border",
         "cssVar": "--destructive-border",
@@ -1247,7 +1255,7 @@
         "cssVar": "--kbd-variant-default-background",
         "type": "color",
         "light": "oklch(97.02% 0.0000 0)",
-        "dark": "oklch(26.86% 0.0000 0)"
+        "dark": "oklch(37.15% 0.0000 0)"
       },
       {
         "name": "kbd-variant-default-color",
@@ -1309,7 +1317,8 @@
         "name": "link-color-default",
         "cssVar": "--link-color-default",
         "type": "color",
-        "light": "oklch(81.75% 0.1821 159.79)",
+        "description": "Link default — brand-primary-700 (#0f8a5c) p/ contraste AA no light (era base.primary/mint ~1.5:1 sobre branco; agora ~4.6:1). Dark fica mint (bom contraste em fundo escuro). DES-1075.",
+        "light": "oklch(56.08% 0.1221 160.56)",
         "dark": "oklch(84.11% 0.1609 163.31)"
       },
       {
@@ -1346,7 +1355,7 @@
         "type": "color",
         "description": "Subtle backgrounds: tabs, skeletons, inactive badges (neutral-100)",
         "light": "oklch(97.02% 0.0000 0)",
-        "dark": "oklch(26.86% 0.0000 0)"
+        "dark": "oklch(37.15% 0.0000 0)"
       },
       {
         "name": "muted-foreground",
@@ -1511,6 +1520,153 @@
         "light": "oklch(56.08% 0.1221 160.56)",
         "dark": "oklch(87.18% 0.1296 166.48)"
       },
+      {
+        "name": "report-builder-accent",
+        "cssVar": "--report-builder-accent",
+        "type": "color",
+        "light": "oklch(57.37% 0.1946 257.86)",
+        "dark": "oklch(76.61% 0.1083 259.79)"
+      },
+      {
+        "name": "report-builder-accent-bg",
+        "cssVar": "--report-builder-accent-bg",
+        "type": "color",
+        "light": "oklch(95.32% 0.0207 261.77)",
+        "dark": "oklch(34.67% 0.0731 256.69)"
+      },
+      {
+        "name": "report-builder-accent-bg-subtle",
+        "cssVar": "--report-builder-accent-bg-subtle",
+        "type": "color",
+        "light": "oklch(97.14% 0.0108 256.69)",
+        "dark": "oklch(33.49% 0.0383 251.89)"
+      },
+      {
+        "name": "report-builder-accent-border",
+        "cssVar": "--report-builder-accent-border",
+        "type": "color",
+        "light": "oklch(91.09% 0.0388 257.92)",
+        "dark": "oklch(46.92% 0.0851 258.47)"
+      },
+      {
+        "name": "report-builder-accent-bright",
+        "cssVar": "--report-builder-accent-bright",
+        "type": "color",
+        "light": "oklch(63.04% 0.1800 259.96)",
+        "dark": "oklch(76.61% 0.1083 259.79)"
+      },
+      {
+        "name": "report-builder-accent-hover",
+        "cssVar": "--report-builder-accent-hover",
+        "type": "color",
+        "light": "oklch(53.18% 0.1807 258.26)",
+        "dark": "oklch(83.69% 0.0733 259.99)"
+      },
+      {
+        "name": "report-builder-border",
+        "cssVar": "--report-builder-border",
+        "type": "color",
+        "light": "oklch(89.41% 0.0059 264.53)",
+        "dark": "oklch(49.79% 0.0094 253.91)"
+      },
+      {
+        "name": "report-builder-border-strong",
+        "cssVar": "--report-builder-border-strong",
+        "type": "color",
+        "light": "oklch(90.67% 0.0000 0)",
+        "dark": "oklch(36.88% 0.0074 240.02)"
+      },
+      {
+        "name": "report-builder-fg",
+        "cssVar": "--report-builder-fg",
+        "type": "color",
+        "light": "oklch(24.79% 0.0058 271.18)",
+        "dark": "oklch(93.64% 0.0046 258.33)"
+      },
+      {
+        "name": "report-builder-fg-muted",
+        "cssVar": "--report-builder-fg-muted",
+        "type": "color",
+        "light": "oklch(49.79% 0.0094 253.91)",
+        "dark": "oklch(70.28% 0.0111 247.99)"
+      },
+      {
+        "name": "report-builder-fg-secondary",
+        "cssVar": "--report-builder-fg-secondary",
+        "type": "color",
+        "light": "oklch(36.88% 0.0074 240.02)",
+        "dark": "oklch(80.93% 0.0083 253.87)"
+      },
+      {
+        "name": "report-builder-fg-strong",
+        "cssVar": "--report-builder-fg-strong",
+        "type": "color",
+        "light": "rgba(0, 0, 0, 0.87)",
+        "dark": "rgba(232, 234, 237, 0.87)"
+      },
+      {
+        "name": "report-builder-fg-subtle",
+        "cssVar": "--report-builder-fg-subtle",
+        "type": "color",
+        "light": "oklch(56.24% 0.0000 0)",
+        "dark": "oklch(70.28% 0.0111 247.99)"
+      },
+      {
+        "name": "report-builder-on-accent",
+        "cssVar": "--report-builder-on-accent",
+        "type": "color",
+        "light": "oklch(100.00% 0.0000 0)",
+        "dark": "oklch(24.79% 0.0058 271.18)"
+      },
+      {
+        "name": "report-builder-positive",
+        "cssVar": "--report-builder-positive",
+        "type": "color",
+        "light": "oklch(64.75% 0.1603 148.50)",
+        "dark": "oklch(77.44% 0.1039 152.19)"
+      },
+      {
+        "name": "report-builder-shadow",
+        "cssVar": "--report-builder-shadow",
+        "type": "color",
+        "light": "rgba(60, 64, 67, 0.3)",
+        "dark": "rgba(0, 0, 0, 0.5)"
+      },
+      {
+        "name": "report-builder-shadow-subtle",
+        "cssVar": "--report-builder-shadow-subtle",
+        "type": "color",
+        "light": "rgba(60, 64, 67, 0.15)",
+        "dark": "rgba(0, 0, 0, 0.3)"
+      },
+      {
+        "name": "report-builder-surface",
+        "cssVar": "--report-builder-surface",
+        "type": "color",
+        "light": "oklch(100.00% 0.0000 0)",
+        "dark": "oklch(24.79% 0.0058 271.18)"
+      },
+      {
+        "name": "report-builder-surface-hover",
+        "cssVar": "--report-builder-surface-hover",
+        "type": "color",
+        "light": "oklch(96.29% 0.0025 228.78)",
+        "dark": "oklch(33.34% 0.0071 274.76)"
+      },
+      {
+        "name": "report-builder-surface-muted",
+        "cssVar": "--report-builder-surface-muted",
+        "type": "color",
+        "light": "oklch(97.02% 0.0000 0)",
+        "dark": "oklch(28.52% 0.0056 271.22)"
+      },
+      {
+        "name": "report-builder-surface-subtle",
+        "cssVar": "--report-builder-surface-subtle",
+        "type": "color",
+        "light": "oklch(98.16% 0.0017 247.84)",
+        "dark": "oklch(28.52% 0.0056 271.22)"
+      },
       {
         "name": "ring",
         "cssVar": "--ring",
@@ -1535,6 +1691,14 @@
         "light": "oklch(87.82% 0.2037 137.75)",
         "dark": "oklch(28.73% 0.0661 137.75)"
       },
+      {
+        "name": "secondary-active",
+        "cssVar": "--secondary-active",
+        "type": "color",
+        "description": "Secondary active/pressed (brand-secondary-700, DES-486 — completes interactive role, follows primary-active stepping)",
+        "light": "oklch(58.24% 0.1354 137.66)",
+        "dark": "oklch(58.24% 0.1354 137.66)"
+      },
       {
         "name": "secondary-border",
         "cssVar": "--secondary-border",
@@ -1575,6 +1739,14 @@
         "light": "oklch(58.24% 0.1354 137.66)",
         "dark": "oklch(92.69% 0.1227 138.76)"
       },
+      {
+        "name": "sidebar",
+        "cssVar": "--sidebar",
+        "type": "color",
+        "description": "Sidebar default background — alias of sidebar-background so `bg-sidebar` (Tailwind v4 utility) resolves. Without this alias `bg-sidebar` is a dead class (no matching --color-sidebar mapping).",
+        "light": "oklch(98.51% 0.0000 0)",
+        "dark": "oklch(20.46% 0.0000 0)"
+      },
       {
         "name": "sidebar-accent",
         "cssVar": "--sidebar-accent",
@@ -1605,7 +1777,7 @@
         "type": "color",
         "description": "Sidebar divider (neutral-200)",
         "light": "oklch(92.19% 0.0000 0)",
-        "dark": "oklch(26.86% 0.0000 0)"
+        "dark": "oklch(37.15% 0.0000 0)"
       },
       {
         "name": "sidebar-foreground",
@@ -1615,6 +1787,14 @@
         "light": "oklch(20.46% 0.0000 0)",
         "dark": "oklch(97.02% 0.0000 0)"
       },
+      {
+        "name": "sidebar-ring",
+        "cssVar": "--sidebar-ring",
+        "type": "color",
+        "description": "Sidebar focus ring — alias of base ring so `ring-sidebar-ring` (Tailwind v4 utility) resolves.",
+        "light": "oklch(81.75% 0.1821 159.79)",
+        "dark": "oklch(84.11% 0.1609 163.31)"
+      },
       {
         "name": "status-destructive-background",
         "cssVar": "--status-destructive-background",
@@ -1807,6 +1987,14 @@
         "light": "oklch(100.00% 0.0000 0)",
         "dark": "oklch(100.00% 0.0000 0)"
       },
+      {
+        "name": "success-hover",
+        "cssVar": "--success-hover",
+        "type": "color",
+        "description": "Success hover (green-700, Figma 1007-301 status/success/hover #15803d) — DES-1146",
+        "light": "oklch(52.73% 0.1371 150.07)",
+        "dark": "oklch(80.03% 0.1821 151.71)"
+      },
       {
         "name": "success-subtle",
         "cssVar": "--success-subtle",
@@ -1863,6 +2051,14 @@
         "light": "oklch(28.57% 0.0639 53.81)",
         "dark": "oklch(28.57% 0.0639 53.81)"
       },
+      {
+        "name": "warning-hover",
+        "cssVar": "--warning-hover",
+        "type": "color",
+        "description": "Warning hover (yellow-600, Figma 1007-301 status/warning/hover #ca8a04) — DES-1146",
+        "light": "oklch(68.06% 0.1423 75.83)",
+        "dark": "oklch(86.06% 0.1731 91.94)"
+      },
       {
         "name": "warning-subtle",
         "cssVar": "--warning-subtle",
@@ -2392,7 +2588,7 @@
         "name": "text-font-family-font-family-2",
         "cssVar": "--text-font-family-font-family-2",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "text-font-size-2xl",
@@ -3444,99 +3640,6 @@
       }
     ]
   },
-  "focus-rings": {
-    "tokens": [
-      {
-        "name": "focus-ring-color",
-        "cssVar": "--focus-ring-color",
-        "type": "color",
-        "description": "Focus ring color (brand-primary-500)",
-        "value": "oklch(81.75% 0.1821 159.79)"
-      },
-      {
-        "name": "focus-ring-destructive-color",
-        "cssVar": "--focus-ring-destructive-color",
-        "type": "color",
-        "description": "Destructive focus ring color (red-700)",
-        "value": "oklch(50.54% 0.1905 27.52)"
-      },
-      {
-        "name": "focus-ring-destructive-shadow",
-        "cssVar": "--focus-ring-destructive-shadow",
-        "type": "shadow",
-        "description": "Destructive focus ring composite — red-700 @ 25% alpha",
-        "value": "0 0 0 2px #b91c1c40"
-      },
-      {
-        "name": "focus-ring-ghost-color",
-        "cssVar": "--focus-ring-ghost-color",
-        "type": "color",
-        "description": "Ghost focus ring color (neutral-200)",
-        "value": "oklch(92.19% 0.0000 0)"
-      },
-      {
-        "name": "focus-ring-ghost-shadow",
-        "cssVar": "--focus-ring-ghost-shadow",
-        "type": "shadow",
-        "description": "Ghost focus ring composite — neutral-200 @ 25% alpha",
-        "value": "0 0 0 2px #e5e5e540"
-      },
-      {
-        "name": "focus-ring-offset",
-        "cssVar": "--focus-ring-offset",
-        "type": "dimension",
-        "value": "2px"
-      },
-      {
-        "name": "focus-ring-outline-color",
-        "cssVar": "--focus-ring-outline-color",
-        "type": "color",
-        "description": "Outline focus ring color (brand-primary-500)",
-        "value": "oklch(81.75% 0.1821 159.79)"
-      },
-      {
-        "name": "focus-ring-outline-shadow",
-        "cssVar": "--focus-ring-outline-shadow",
-        "type": "shadow",
-        "description": "Outline focus ring composite — brand-primary @ 25% alpha",
-        "value": "0 0 0 2px #19e69940"
-      },
-      {
-        "name": "focus-ring-primary-color",
-        "cssVar": "--focus-ring-primary-color",
-        "type": "color",
-        "description": "Primary focus ring color (brand-primary-500)",
-        "value": "oklch(81.75% 0.1821 159.79)"
-      },
-      {
-        "name": "focus-ring-primary-shadow",
-        "cssVar": "--focus-ring-primary-shadow",
-        "type": "shadow",
-        "description": "Primary focus ring composite — brand-primary @ 25% alpha",
-        "value": "0 0 0 2px #19e69940"
-      },
-      {
-        "name": "focus-ring-secondary-color",
-        "cssVar": "--focus-ring-secondary-color",
-        "type": "color",
-        "description": "Secondary focus ring color (brand-secondary-700)",
-        "value": "oklch(58.24% 0.1354 137.66)"
-      },
-      {
-        "name": "focus-ring-secondary-shadow",
-        "cssVar": "--focus-ring-secondary-shadow",
-        "type": "shadow",
-        "description": "Secondary focus ring composite — brand-secondary-700 @ 25% alpha",
-        "value": "0 0 0 2px #508d3740"
-      },
-      {
-        "name": "focus-ring-width",
-        "cssVar": "--focus-ring-width",
-        "type": "dimension",
-        "value": "2px"
-      }
-    ]
-  },
   "z-index": {
     "tokens": [
       {
@@ -3888,7 +3991,8 @@
         "name": "accordion-root-gap",
         "cssVar": "--accordion-root-gap",
         "type": "dimension",
-        "value": "8px"
+        "description": "Accordion root gap between items = 16px (spacing.4) per DES-1239 — was 8px (spacing.2).",
+        "value": "16px"
       },
       {
         "name": "accordion-trigger-gap",
@@ -3966,6 +4070,128 @@
         "description": "Account name label max-width in the trigger button (160px). Truncates with ellipsis past this.",
         "value": "10rem"
       },
+      {
+        "name": "alert-dialog-content-bg",
+        "cssVar": "--alert-dialog-content-bg",
+        "type": "color",
+        "description": "AlertDialog content surface — card (#fafafa, superfície elevada, CC-2 lista AlertDialog 1157).",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "alert-dialog-content-border",
+        "cssVar": "--alert-dialog-content-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "alert-dialog-content-gap",
+        "cssVar": "--alert-dialog-content-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "alert-dialog-content-max-width",
+        "cssVar": "--alert-dialog-content-max-width",
+        "type": "dimension",
+        "value": "32rem"
+      },
+      {
+        "name": "alert-dialog-content-padding",
+        "cssVar": "--alert-dialog-content-padding",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "alert-dialog-content-radius",
+        "cssVar": "--alert-dialog-content-radius",
+        "type": "dimension",
+        "description": "AlertDialog content radius 12px (radius/lg).",
+        "value": "12px"
+      },
+      {
+        "name": "alert-dialog-content-shadow",
+        "cssVar": "--alert-dialog-content-shadow",
+        "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+      },
+      {
+        "name": "alert-dialog-footer-gap",
+        "cssVar": "--alert-dialog-footer-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "alert-dialog-header-gap",
+        "cssVar": "--alert-dialog-header-gap",
+        "type": "dimension",
+        "value": "8px"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-default-bg",
+        "cssVar": "--alert-dialog-icon-pill-color-default-bg",
+        "type": "color",
+        "description": "Neutral icon-pill bg (core/background/muted).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-default-fg",
+        "cssVar": "--alert-dialog-icon-pill-color-default-fg",
+        "type": "color",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-destructive-bg",
+        "cssVar": "--alert-dialog-icon-pill-color-destructive-bg",
+        "type": "color",
+        "description": "Destructive intent pill bg (status/destructive/subtle). Reusa tokens STATUS.",
+        "value": "oklch(97.05% 0.0129 17.38)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-destructive-fg",
+        "cssVar": "--alert-dialog-icon-pill-color-destructive-fg",
+        "type": "color",
+        "value": "oklch(50.54% 0.1905 27.52)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-warning-bg",
+        "cssVar": "--alert-dialog-icon-pill-color-warning-bg",
+        "type": "color",
+        "description": "Warning intent pill bg (status/warning/subtle). Reusa tokens STATUS.",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-color-warning-fg",
+        "cssVar": "--alert-dialog-icon-pill-color-warning-fg",
+        "type": "color",
+        "value": "oklch(55.38% 0.1207 66.44)"
+      },
+      {
+        "name": "alert-dialog-icon-pill-icon-size",
+        "cssVar": "--alert-dialog-icon-pill-icon-size",
+        "type": "dimension",
+        "description": "AlertDialog icon-pill glyph size 16px.",
+        "value": "16px"
+      },
+      {
+        "name": "alert-dialog-icon-pill-padding",
+        "cssVar": "--alert-dialog-icon-pill-padding",
+        "type": "dimension",
+        "description": "AlertDialog icon-pill inner padding 8px (spacing/2).",
+        "value": "8px"
+      },
+      {
+        "name": "alert-dialog-icon-pill-radius",
+        "cssVar": "--alert-dialog-icon-pill-radius",
+        "type": "dimension",
+        "description": "AlertDialog icon-pill fully-rounded (radius/pill).",
+        "value": "999px"
+      },
+      {
+        "name": "alert-dialog-overlay-bg",
+        "cssVar": "--alert-dialog-overlay-bg",
+        "type": "color",
+        "description": "AlertDialog overlay scrim. Família própria (split do --modal-* per DES-1157) — espelha o Modal por ora; pode divergir na Wave 4 (DES-1378).",
+        "value": "oklch(0.00% 0.0000 0 / 60.0%)"
+      },
       {
         "name": "alert-icon-size",
         "cssVar": "--alert-icon-size",
@@ -4000,7 +4226,7 @@
         "name": "alert-variant-default-bg",
         "cssVar": "--alert-variant-default-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "alert-variant-default-border",
@@ -4113,7 +4339,7 @@
         "name": "asset-manager-item-background",
         "cssVar": "--asset-manager-item-background",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "asset-manager-item-border",
@@ -4851,6 +5077,20 @@
         "type": "dimension",
         "value": "64px"
       },
+      {
+        "name": "avatar-size-3xl",
+        "cssVar": "--avatar-size-3xl",
+        "type": "dimension",
+        "description": "Avatar 3xl 72px — foto de perfil grande (DES-1109). Supera o cap 'xl is max' da DES-1241 para o caso profile photo. 72px não tem spacing token (entre 16/64 e 20/80).",
+        "value": "72px"
+      },
+      {
+        "name": "avatar-size-4xl",
+        "cssVar": "--avatar-size-4xl",
+        "type": "dimension",
+        "description": "Avatar 4xl 96px — foto de perfil grande (DES-1109).",
+        "value": "96px"
+      },
       {
         "name": "avatar-size-default",
         "cssVar": "--avatar-size-default",
@@ -4887,6 +5127,20 @@
         "type": "dimension",
         "value": "1.5rem"
       },
+      {
+        "name": "avatar-text-3xl",
+        "cssVar": "--avatar-text-3xl",
+        "type": "dimension",
+        "description": "Avatar 3xl fallback text 28px (DES-1109).",
+        "value": "1.75rem"
+      },
+      {
+        "name": "avatar-text-4xl",
+        "cssVar": "--avatar-text-4xl",
+        "type": "dimension",
+        "description": "Avatar 4xl fallback text 36px (DES-1109).",
+        "value": "2.25rem"
+      },
       {
         "name": "avatar-text-default",
         "cssVar": "--avatar-text-default",
@@ -5078,7 +5332,8 @@
         "name": "badge-size-lg-text",
         "cssVar": "--badge-size-lg-text",
         "type": "dimension",
-        "value": "0.875rem"
+        "description": "Badge lg text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px).",
+        "value": "0.75rem"
       },
       {
         "name": "badge-size-md-h",
@@ -5097,7 +5352,8 @@
         "name": "badge-size-md-text",
         "cssVar": "--badge-size-md-text",
         "type": "dimension",
-        "value": "0.875rem"
+        "description": "Badge md text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px). Tamanho varia por padding/altura, texto constante 12px.",
+        "value": "0.75rem"
       },
       {
         "name": "badge-size-sm-h",
@@ -5459,8 +5715,8 @@
         "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)"
+        "description": "ButtonGroup primary outer border — brand/primary/active (primary-active = brand-primary-700) per DES-1250 item 4 + DES-1139 (Gabriel: recolore a borda externa para active). Era base.primary (mint-500) — corrigido 2026-06-23.",
+        "value": "oklch(56.08% 0.1221 160.56)"
       },
       {
         "name": "button-group-root-fg-primary",
@@ -5612,12 +5868,26 @@
         "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-ghost",
+        "cssVar": "--button-ring-ghost",
+        "type": "color",
+        "description": "Button ghost focus-ring = neutral-500 (#737373, ~4.8:1, a11y). Figma ghost #e5e5e5 fails WCAG focus contrast (~1.26:1) — darker neutral used per hybrid decision.",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
       {
         "name": "button-ring-gray",
         "cssVar": "--button-ring-gray",
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "button-ring-secondary",
+        "cssVar": "--button-ring-secondary",
+        "type": "color",
+        "description": "Button secondary focus-ring = brand-secondary-700 (#508d37, Figma Focus Ring - Secondary). Solid (a11y) — focus-ring hybrid cleanup.",
+        "value": "oklch(58.24% 0.1354 137.66)"
+      },
       {
         "name": "button-ring-success",
         "cssVar": "--button-ring-success",
@@ -5728,42 +5998,6 @@
         "type": "shadow",
         "value": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
       },
-      {
-        "name": "button-size-2xl-gap",
-        "cssVar": "--button-size-2xl-gap",
-        "type": "dimension",
-        "value": "8px"
-      },
-      {
-        "name": "button-size-2xl-h",
-        "cssVar": "--button-size-2xl-h",
-        "type": "dimension",
-        "value": "60px"
-      },
-      {
-        "name": "button-size-2xl-leading",
-        "cssVar": "--button-size-2xl-leading",
-        "type": "dimension",
-        "value": "28px"
-      },
-      {
-        "name": "button-size-2xl-px",
-        "cssVar": "--button-size-2xl-px",
-        "type": "dimension",
-        "value": "40px"
-      },
-      {
-        "name": "button-size-2xl-py",
-        "cssVar": "--button-size-2xl-py",
-        "type": "dimension",
-        "value": "16px"
-      },
-      {
-        "name": "button-size-2xl-text",
-        "cssVar": "--button-size-2xl-text",
-        "type": "dimension",
-        "value": "18px"
-      },
       {
         "name": "button-size-default-gap",
         "cssVar": "--button-size-default-gap",
@@ -5800,18 +6034,6 @@
         "type": "dimension",
         "value": "14px"
       },
-      {
-        "name": "button-size-icon-2xl-size",
-        "cssVar": "--button-size-icon-2xl-size",
-        "type": "dimension",
-        "value": "60px"
-      },
-      {
-        "name": "button-size-icon-lg-size",
-        "cssVar": "--button-size-icon-lg-size",
-        "type": "dimension",
-        "value": "40px"
-      },
       {
         "name": "button-size-icon-size",
         "cssVar": "--button-size-icon-size",
@@ -5824,12 +6046,6 @@
         "type": "dimension",
         "value": "32px"
       },
-      {
-        "name": "button-size-icon-xl-size",
-        "cssVar": "--button-size-icon-xl-size",
-        "type": "dimension",
-        "value": "48px"
-      },
       {
         "name": "button-size-lg-gap",
         "cssVar": "--button-size-lg-gap",
@@ -5903,40 +6119,25 @@
         "value": "12px"
       },
       {
-        "name": "button-size-xl-gap",
-        "cssVar": "--button-size-xl-gap",
-        "type": "dimension",
-        "value": "8px"
-      },
-      {
-        "name": "button-size-xl-h",
-        "cssVar": "--button-size-xl-h",
-        "type": "dimension",
-        "value": "48px"
-      },
-      {
-        "name": "button-size-xl-leading",
-        "cssVar": "--button-size-xl-leading",
-        "type": "dimension",
-        "value": "24px"
-      },
-      {
-        "name": "button-size-xl-px",
-        "cssVar": "--button-size-xl-px",
-        "type": "dimension",
-        "value": "32px"
+        "name": "button-success-bg-default",
+        "cssVar": "--button-success-bg-default",
+        "type": "color",
+        "description": "Button success bg = green-600 (Figma 1007-301 status/success) — DES-1146.",
+        "value": "oklch(62.71% 0.1699 149.21)"
       },
       {
-        "name": "button-size-xl-py",
-        "cssVar": "--button-size-xl-py",
-        "type": "dimension",
-        "value": "12px"
+        "name": "button-success-bg-hover",
+        "cssVar": "--button-success-bg-hover",
+        "type": "color",
+        "description": "Button success hover = green-700 (Figma status/success/hover #15803d) — DES-1146.",
+        "value": "oklch(52.73% 0.1371 150.07)"
       },
       {
-        "name": "button-size-xl-text",
-        "cssVar": "--button-size-xl-text",
-        "type": "dimension",
-        "value": "16px"
+        "name": "button-success-fg-default",
+        "cssVar": "--button-success-fg-default",
+        "type": "color",
+        "description": "Button success fg = white (Figma status/success/foreground) — DES-1146.",
+        "value": "oklch(100.00% 0.0000 0)"
       },
       {
         "name": "button-tertiary-color-bg-hover",
@@ -5981,6 +6182,27 @@
         "description": "Button transition duration aligned with Figma canonical (150ms). Sits between --duration-fast (100ms) and --duration-default (200ms).",
         "value": "150ms"
       },
+      {
+        "name": "button-warning-bg-default",
+        "cssVar": "--button-warning-bg-default",
+        "type": "color",
+        "description": "Button warning bg = yellow-400 (Figma 1007-301 status/warning) — DES-1146.",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
+      {
+        "name": "button-warning-bg-hover",
+        "cssVar": "--button-warning-bg-hover",
+        "type": "color",
+        "description": "Button warning hover = yellow-600 (Figma status/warning/hover #ca8a04) — DES-1146.",
+        "value": "oklch(68.06% 0.1423 75.83)"
+      },
+      {
+        "name": "button-warning-fg-default",
+        "cssVar": "--button-warning-fg-default",
+        "type": "color",
+        "description": "Button warning fg = #000000 (Figma 1007-301 status/warning/foreground, exact) — DES-1146.",
+        "value": "oklch(0.00% 0.0000 0)"
+      },
       {
         "name": "calendar-cell-gap",
         "cssVar": "--calendar-cell-gap",
@@ -6030,6 +6252,13 @@
         "type": "dimension",
         "value": "4px"
       },
+      {
+        "name": "calendar-day-radius",
+        "cssVar": "--calendar-day-radius",
+        "type": "dimension",
+        "description": "Day cell (selected/today/range) border-radius. Tokenizes the existing rounded-md per DES-1167 Pendência 10. Resolves to Figma radius/md (8px) — same primitive Combobox/Select land on; the audit's literal 6px predates the Figma v2 radius migration (md 6→8).",
+        "value": "8px"
+      },
       {
         "name": "calendar-day-size",
         "cssVar": "--calendar-day-size",
@@ -6182,7 +6411,7 @@
         "name": "card-root-background",
         "cssVar": "--card-root-background",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "card-root-border-width",
@@ -6267,6 +6496,193 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "chart-card-bg",
+        "cssVar": "--chart-card-bg",
+        "type": "color",
+        "description": "ChartCard container background — Figma core/background/card (#fafafa), flat sem shadow (node 1727-20403, DES-1253).",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-border",
+        "cssVar": "--chart-card-border",
+        "type": "color",
+        "description": "ChartCard border — Figma container default é flat (sem borda); consumido só pela variante code-only `outlined` (core/border/border #e5e5e5).",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-chart-height",
+        "cssVar": "--chart-card-chart-height",
+        "type": "dimension",
+        "description": "ChartCard default chart-wrapper height (128px / h-32). Container do slot — o chart é injetado pelo consumer (chart-agnostic, DES-1253).",
+        "value": "8rem"
+      },
+      {
+        "name": "chart-card-empty-state-caption-color",
+        "cssVar": "--chart-card-empty-state-caption-color",
+        "type": "color",
+        "description": "ChartCard Empty State caption color — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-empty-state-caption-line-height",
+        "cssVar": "--chart-card-empty-state-caption-line-height",
+        "type": "dimension",
+        "description": "ChartCard Empty State caption line-height — Figma Paragraph/P2 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-empty-state-caption-size",
+        "cssVar": "--chart-card-empty-state-caption-size",
+        "type": "dimension",
+        "description": "ChartCard Empty State caption font-size — Figma Paragraph/P2 (16px).",
+        "value": "16px"
+      },
+      {
+        "name": "chart-card-empty-state-icon-radius",
+        "cssVar": "--chart-card-empty-state-icon-radius",
+        "type": "dimension",
+        "description": "ChartCard Empty State featured-icon (BarChartBig) square radius — Figma radius/lg (12px).",
+        "value": "12px"
+      },
+      {
+        "name": "chart-card-empty-state-title-color",
+        "cssVar": "--chart-card-empty-state-title-color",
+        "type": "color",
+        "description": "ChartCard Empty State title color — Figma core/background/popover-foreground (#171717).",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-empty-state-title-line-height",
+        "cssVar": "--chart-card-empty-state-title-line-height",
+        "type": "dimension",
+        "description": "ChartCard Empty State title line-height — Figma Heading/H3 (32px).",
+        "value": "32px"
+      },
+      {
+        "name": "chart-card-empty-state-title-size",
+        "cssVar": "--chart-card-empty-state-title-size",
+        "type": "dimension",
+        "description": "ChartCard Empty State title font-size — Figma Heading/H3 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-empty-state-title-weight",
+        "cssVar": "--chart-card-empty-state-title-weight",
+        "description": "ChartCard Empty State title weight — Figma Heading/H3 Bold (700).",
+        "value": "700"
+      },
+      {
+        "name": "chart-card-featured-icon-bg",
+        "cssVar": "--chart-card-featured-icon-bg",
+        "type": "color",
+        "description": "ChartCard Title Row Featured Icon pill bg — Figma core/background/muted (#f5f5f5). Slot mantido; ícone é representativo (DES-1253).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-fg",
+        "cssVar": "--chart-card-fg",
+        "type": "color",
+        "description": "ChartCard default text foreground (Figma).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-footer-caption-color",
+        "cssVar": "--chart-card-footer-caption-color",
+        "type": "color",
+        "description": "ChartCard Card Footer caption — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-footer-trend-color",
+        "cssVar": "--chart-card-footer-trend-color",
+        "type": "color",
+        "description": "ChartCard Card Footer trend text — Figma core/background/card-foreground (#0a0a0a).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-gap",
+        "cssVar": "--chart-card-gap",
+        "type": "dimension",
+        "description": "ChartCard gap entre rows (Title Row / Chart / Footer) — Figma spacing/s-24 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-padding-bottom",
+        "cssVar": "--chart-card-padding-bottom",
+        "type": "dimension",
+        "description": "ChartCard padding-bottom — Figma spacing/s-24 (24px), assimétrico.",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-padding-top",
+        "cssVar": "--chart-card-padding-top",
+        "type": "dimension",
+        "description": "ChartCard padding-top — Figma spacing/s-20 (20px), assimétrico.",
+        "value": "20px"
+      },
+      {
+        "name": "chart-card-padding-x",
+        "cssVar": "--chart-card-padding-x",
+        "type": "dimension",
+        "description": "ChartCard padding horizontal — Figma spacing/s-24 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-previous-color",
+        "cssVar": "--chart-card-previous-color",
+        "type": "color",
+        "description": "ChartCard previous-value / caption foreground — Figma core/background/muted-foreground (#737373).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-radius",
+        "cssVar": "--chart-card-radius",
+        "type": "dimension",
+        "description": "ChartCard container radius — Figma radius/xl (16px). Pre-fix usava Tailwind rounded-lg (8px).",
+        "value": "16px"
+      },
+      {
+        "name": "chart-card-title-color",
+        "cssVar": "--chart-card-title-color",
+        "type": "color",
+        "description": "ChartCard title color — Figma core/background/surface-foreground (#262626).",
+        "value": "oklch(20.46% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-title-line-height",
+        "cssVar": "--chart-card-title-line-height",
+        "type": "dimension",
+        "description": "ChartCard title line-height — Figma Heading/H5 (24px).",
+        "value": "24px"
+      },
+      {
+        "name": "chart-card-title-size",
+        "cssVar": "--chart-card-title-size",
+        "type": "dimension",
+        "description": "ChartCard title font-size — Figma Heading/H5 (18px). Pre-fix usava text-sm (14px) per DES-1253.",
+        "value": "18px"
+      },
+      {
+        "name": "chart-card-title-weight",
+        "cssVar": "--chart-card-title-weight",
+        "description": "ChartCard title weight — Figma Heading/H5 SemiBold (600). Pre-fix usava font-bold (700).",
+        "value": "600"
+      },
+      {
+        "name": "chart-card-value-color",
+        "cssVar": "--chart-card-value-color",
+        "type": "color",
+        "description": "ChartCard KPI value foreground (Figma).",
+        "value": "oklch(14.48% 0.0000 0)"
+      },
+      {
+        "name": "chart-card-value-size",
+        "cssVar": "--chart-card-value-size",
+        "type": "dimension",
+        "description": "ChartCard KPI value size (default) — Figma 20px (text-xl).",
+        "value": "20px"
+      },
       {
         "name": "chart-indicator-dot-size",
         "cssVar": "--chart-indicator-dot-size",
@@ -6771,13 +7187,15 @@
         "name": "color-picker-content-padding",
         "cssVar": "--color-picker-content-padding",
         "type": "dimension",
-        "value": "12px"
+        "description": "ColorPicker popover padding 16px aligned with Figma spacing/s-16 (frame 1384:7946) per DES-1255 — pre-fix was spacing.3 (12px).",
+        "value": "16px"
       },
       {
         "name": "color-picker-content-width",
         "cssVar": "--color-picker-content-width",
         "type": "dimension",
-        "value": "260px"
+        "description": "ColorPicker popover width 320px aligned with Figma (node 1384-7726, all states 320w) per DES-1255 — pre-fix was 260px.",
+        "value": "320px"
       },
       {
         "name": "color-picker-filled-preview-radius",
@@ -6990,12 +7408,14 @@
       {
         "name": "combobox-trigger-padding-y-lg",
         "cssVar": "--combobox-trigger-padding-y-lg",
-        "value": "8px"
+        "description": "Aligned with --input-size-lg-py 6px (DES-1257). Pre-fix was spacing.2 (8px).",
+        "value": "6px"
       },
       {
         "name": "combobox-trigger-padding-y-md",
         "cssVar": "--combobox-trigger-padding-y-md",
-        "value": "8px"
+        "description": "Aligned with --input-size-md-py 4px (DES-1257, sizes ← Input). Pre-fix was spacing.2 (8px).",
+        "value": "4px"
       },
       {
         "name": "combobox-trigger-padding-y-sm",
@@ -7416,7 +7836,7 @@
         "name": "comment-system-item-background",
         "cssVar": "--comment-system-item-background",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "comment-system-item-border",
@@ -7777,7 +8197,8 @@
         "name": "date-picker-preset-min-width",
         "cssVar": "--date-picker-preset-min-width",
         "type": "dimension",
-        "value": "140px"
+        "description": "Preset list min-width = 168px per DES-1263 — was 140px (consumed by DateRangePicker presets).",
+        "value": "168px"
       },
       {
         "name": "date-picker-trigger-border-default",
@@ -7908,45 +8329,108 @@
         "value": "14px"
       },
       {
-        "name": "date-picker-trigger-text-sm",
-        "cssVar": "--date-picker-trigger-text-sm",
+        "name": "date-picker-trigger-text-sm",
+        "cssVar": "--date-picker-trigger-text-sm",
+        "type": "dimension",
+        "description": "Trigger sm font-size = 14px (text/sm) per DES-1261 — dropped the 12px override (too small, sub-14px); now matches the md trigger text and is shared by DateRangePicker.",
+        "value": "14px"
+      },
+      {
+        "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-today-button-height",
+        "cssVar": "--date-range-picker-today-button-height",
+        "type": "dimension",
+        "description": "DateRangePicker Today button height per DES-1264 item 4 — was hardcoded h-7.",
+        "value": "28px"
+      },
+      {
+        "name": "date-range-picker-today-button-text-size",
+        "cssVar": "--date-range-picker-today-button-text-size",
+        "type": "dimension",
+        "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"
+      },
+      {
+        "name": "dialog-content-bg",
+        "cssVar": "--dialog-content-bg",
+        "type": "color",
+        "description": "Dialog content surface — card (#fafafa, superfície elevada, CC-2). Modal cascateia o mesmo via PR #120.",
+        "value": "oklch(98.51% 0.0000 0)"
+      },
+      {
+        "name": "dialog-content-border",
+        "cssVar": "--dialog-content-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "dialog-content-gap",
+        "cssVar": "--dialog-content-gap",
+        "type": "dimension",
+        "value": "16px"
+      },
+      {
+        "name": "dialog-content-max-width",
+        "cssVar": "--dialog-content-max-width",
         "type": "dimension",
-        "value": "12px"
+        "value": "32rem"
       },
       {
-        "name": "date-range-picker-calendar-gap",
-        "cssVar": "--date-range-picker-calendar-gap",
+        "name": "dialog-content-padding",
+        "cssVar": "--dialog-content-padding",
         "type": "dimension",
-        "description": "DateRangePicker gap between two calendar months per DES-1264.",
-        "value": "16px"
+        "value": "24px"
       },
       {
-        "name": "date-range-picker-today-button-height",
-        "cssVar": "--date-range-picker-today-button-height",
+        "name": "dialog-content-radius",
+        "cssVar": "--dialog-content-radius",
         "type": "dimension",
-        "description": "DateRangePicker Today button height per DES-1264 item 4 — was hardcoded h-7.",
-        "value": "28px"
+        "description": "Dialog content radius 12px (radius/lg) — Figma Dialog 1409:1503.",
+        "value": "12px"
       },
       {
-        "name": "date-range-picker-today-button-text-size",
-        "cssVar": "--date-range-picker-today-button-text-size",
-        "type": "dimension",
-        "description": "DateRangePicker Today button font-size per DES-1264 item 4 — was hardcoded text-xs.",
-        "value": "0.75rem"
+        "name": "dialog-content-shadow",
+        "cssVar": "--dialog-content-shadow",
+        "value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
       },
       {
-        "name": "date-range-picker-trigger-gap",
-        "cssVar": "--date-range-picker-trigger-gap",
+        "name": "dialog-footer-gap",
+        "cssVar": "--dialog-footer-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",
+        "name": "dialog-header-gap",
+        "cssVar": "--dialog-header-gap",
         "type": "dimension",
-        "description": "DateRangePicker trigger min-width per DES-1264 — range typically shows two dates, wider than DatePicker.",
-        "value": "300px"
+        "value": "8px"
+      },
+      {
+        "name": "dialog-overlay-bg",
+        "cssVar": "--dialog-overlay-bg",
+        "type": "color",
+        "description": "Dialog overlay scrim. Família própria do Dialog (split do --modal-* per DES-1183) — espelha o Modal por ora; valores podem divergir na Wave 4 (DES-1378).",
+        "value": "oklch(0.00% 0.0000 0 / 60.0%)"
       },
       {
         "name": "divider-color-default",
@@ -8156,6 +8640,12 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "dropdown-menu-content-shadow",
+        "cssVar": "--dropdown-menu-content-shadow",
+        "description": "Content drop-shadow per DES-1186 Pendência 8 — Figma Light Mode/shadow-md (dual layer). Matches Menu / Combobox / Popover content.shadow for cross-component menu-surface consistency.",
+        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+      },
       {
         "name": "dropdown-menu-content-z-index",
         "cssVar": "--dropdown-menu-content-z-index",
@@ -9583,6 +10073,27 @@
         "type": "dimension",
         "value": "14px"
       },
+      {
+        "name": "header-contained-max-width",
+        "cssVar": "--header-contained-max-width",
+        "type": "dimension",
+        "description": "Max content width when contained — matches the prior max-w-7xl (1280px = breakpoint-xl). DES-1190.",
+        "value": "1280px"
+      },
+      {
+        "name": "header-content-height",
+        "cssVar": "--header-content-height",
+        "type": "dimension",
+        "description": "HeaderNav/HeaderActions content row height (Figma h-9 = 36px). Drives a composed header to 76px. DES-1271.",
+        "value": "36px"
+      },
+      {
+        "name": "header-height",
+        "cssVar": "--header-height",
+        "type": "dimension",
+        "description": "Min height for a logo-only header (Figma 'Logo Left'/'Logo Centered' = 64px). Grows to 76px when HeaderNav/HeaderActions are present (content row 36px + padding-y 2×20px). DES-1271.",
+        "value": "64px"
+      },
       {
         "name": "header-root-bg",
         "cssVar": "--header-root-bg",
@@ -9599,13 +10110,15 @@
         "name": "header-root-padding-x",
         "cssVar": "--header-root-padding-x",
         "type": "dimension",
-        "value": "16px"
+        "description": "Horizontal padding — Figma spacing/s-32 (32px). DES-1271.",
+        "value": "32px"
       },
       {
         "name": "header-root-padding-y",
         "cssVar": "--header-root-padding-y",
         "type": "dimension",
-        "value": "12px"
+        "description": "Vertical padding — Figma spacing/s-20 (20px). DES-1271.",
+        "value": "20px"
       },
       {
         "name": "header-size-lg-height",
@@ -9792,6 +10305,55 @@
         "description": "IftaLabel input wrapper top padding (24px to accommodate floating label).",
         "value": "24px"
       },
+      {
+        "name": "image-gallery-empty-border-color",
+        "cssVar": "--image-gallery-empty-border-color",
+        "type": "color",
+        "description": "Empty-state dashed border color — maps the code's border-muted.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "image-gallery-empty-radius",
+        "cssVar": "--image-gallery-empty-radius",
+        "type": "dimension",
+        "description": "Empty-state container border radius — maps the code's rounded-lg.",
+        "value": "12px"
+      },
+      {
+        "name": "image-gallery-item-radius",
+        "cssVar": "--image-gallery-item-radius",
+        "type": "dimension",
+        "description": "Border radius of each gallery image/item — maps the code's rounded-md (DES-1275). Gaps são code-only por decisão do Gabriel (config via Tailwind, não tokenizados).",
+        "value": "8px"
+      },
+      {
+        "name": "image-gallery-loading-background",
+        "cssVar": "--image-gallery-loading-background",
+        "type": "color",
+        "description": "Skeleton placeholder background no loading state — maps the code's bg-muted.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "image-gallery-selection-opacity",
+        "cssVar": "--image-gallery-selection-opacity",
+        "type": "number",
+        "description": "Opacity aplicada aos itens NÃO-selecionados em selection mode (Figma Type=Selected esmaece os não-selecionados).",
+        "value": "0.5"
+      },
+      {
+        "name": "image-gallery-selection-ring-color",
+        "cssVar": "--image-gallery-selection-ring-color",
+        "type": "color",
+        "description": "Selected item border/ring color — Figma core/border/ring (#19e699, brand-primary-500) per DES-1275.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
+      {
+        "name": "image-gallery-selection-ring-width",
+        "cssVar": "--image-gallery-selection-ring-width",
+        "type": "dimension",
+        "description": "Selected item border/ring width — Figma Type=Selected usa 2px solid.",
+        "value": "2px"
+      },
       {
         "name": "image-rounded-circle",
         "cssVar": "--image-rounded-circle",
@@ -10276,7 +10838,7 @@
         "name": "kanban-card-background",
         "cssVar": "--kanban-card-background",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "kanban-card-foreground",
@@ -10383,7 +10945,7 @@
         "name": "kbd-size-lg-border-radius",
         "cssVar": "--kbd-size-lg-border-radius",
         "type": "borderRadius",
-        "value": "8px"
+        "value": "4px"
       },
       {
         "name": "kbd-size-lg-font-size",
@@ -10413,7 +10975,7 @@
         "name": "kbd-size-md-border-radius",
         "cssVar": "--kbd-size-md-border-radius",
         "type": "borderRadius",
-        "value": "6px"
+        "value": "4px"
       },
       {
         "name": "kbd-size-md-font-size",
@@ -10473,7 +11035,7 @@
         "name": "kbd-size-xs-border-radius",
         "cssVar": "--kbd-size-xs-border-radius",
         "type": "borderRadius",
-        "value": "2px"
+        "value": "4px"
       },
       {
         "name": "kbd-size-xs-font-size",
@@ -10868,6 +11430,31 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "menu-content-bg",
+        "cssVar": "--menu-content-bg",
+        "type": "color",
+        "description": "Menu floating chrome background — popover surface. Chrome encapsulated in Menu.tsx per DES-1281 (was applied by the consumer).",
+        "value": "oklch(100.00% 0.0000 0)"
+      },
+      {
+        "name": "menu-content-border",
+        "cssVar": "--menu-content-border",
+        "type": "color",
+        "value": "oklch(92.19% 0.0000 0)"
+      },
+      {
+        "name": "menu-content-radius",
+        "cssVar": "--menu-content-radius",
+        "type": "dimension",
+        "description": "Menu floating chrome radius 8px (Figma radius/md, node 1447-6819).",
+        "value": "8px"
+      },
+      {
+        "name": "menu-content-shadow",
+        "cssVar": "--menu-content-shadow",
+        "value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+      },
       {
         "name": "menu-item-bg-default",
         "cssVar": "--menu-item-bg-default",
@@ -11146,7 +11733,7 @@
         "name": "modal-content-bg",
         "cssVar": "--modal-content-bg",
         "type": "color",
-        "value": "oklch(100.00% 0.0000 0)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "modal-content-border",
@@ -11196,6 +11783,69 @@
         "type": "dimension",
         "value": "8px"
       },
+      {
+        "name": "modal-icon-pill-color-default-bg",
+        "cssVar": "--modal-icon-pill-color-default-bg",
+        "type": "color",
+        "description": "Neutral icon-pill bg (core/background/muted #f5f5f5).",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
+      {
+        "name": "modal-icon-pill-color-default-fg",
+        "cssVar": "--modal-icon-pill-color-default-fg",
+        "type": "color",
+        "description": "Neutral icon-pill glyph (muted-foreground).",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "modal-icon-pill-color-destructive-bg",
+        "cssVar": "--modal-icon-pill-color-destructive-bg",
+        "type": "color",
+        "description": "Destructive intent pill bg (status/destructive/subtle #fef2f2). Reusa tokens STATUS.",
+        "value": "oklch(97.05% 0.0129 17.38)"
+      },
+      {
+        "name": "modal-icon-pill-color-destructive-fg",
+        "cssVar": "--modal-icon-pill-color-destructive-fg",
+        "type": "color",
+        "description": "Destructive intent pill glyph (status/destructive/subtle-foreground #b91c1c).",
+        "value": "oklch(50.54% 0.1905 27.52)"
+      },
+      {
+        "name": "modal-icon-pill-color-warning-bg",
+        "cssVar": "--modal-icon-pill-color-warning-bg",
+        "type": "color",
+        "description": "Warning intent pill bg (status/warning/subtle #fefce8). Reusa tokens STATUS — sem --modal-type-* (DES-1285).",
+        "value": "oklch(98.73% 0.0262 102.21)"
+      },
+      {
+        "name": "modal-icon-pill-color-warning-fg",
+        "cssVar": "--modal-icon-pill-color-warning-fg",
+        "type": "color",
+        "description": "Warning intent pill glyph (status/warning/subtle-foreground #a16207).",
+        "value": "oklch(55.38% 0.1207 66.44)"
+      },
+      {
+        "name": "modal-icon-pill-icon-size",
+        "cssVar": "--modal-icon-pill-icon-size",
+        "type": "dimension",
+        "description": "Modal icon-pill glyph size — 16px para os intent pills (Warning/Destructive TriangleAlert).",
+        "value": "16px"
+      },
+      {
+        "name": "modal-icon-pill-padding",
+        "cssVar": "--modal-icon-pill-padding",
+        "type": "dimension",
+        "description": "Modal icon-pill inner padding 8px (spacing/2) — Figma Modal set 1425:10036, node 1522-12503 (DES-1285).",
+        "value": "8px"
+      },
+      {
+        "name": "modal-icon-pill-radius",
+        "cssVar": "--modal-icon-pill-radius",
+        "type": "dimension",
+        "description": "Modal icon-pill fully-rounded shape (radius/pill 999px) per Figma.",
+        "value": "999px"
+      },
       {
         "name": "modal-overlay-bg",
         "cssVar": "--modal-overlay-bg",
@@ -11711,9 +12361,10 @@
         "value": "oklch(86.06% 0.1731 91.94)"
       },
       {
-        "name": "notification-dot-left",
-        "cssVar": "--notification-dot-left",
+        "name": "notification-dot-gap",
+        "cssVar": "--notification-dot-gap",
         "type": "dimension",
+        "description": "Inline gap between the unread dot and the title per DES-1289 — Figma renders the dot inline in the title (spacing/1-5 = 6px), replacing the former absolute top/left offsets.",
         "value": "6px"
       },
       {
@@ -11722,12 +12373,6 @@
         "type": "dimension",
         "value": "8px"
       },
-      {
-        "name": "notification-dot-top",
-        "cssVar": "--notification-dot-top",
-        "type": "dimension",
-        "value": "16px"
-      },
       {
         "name": "notification-root-gap",
         "cssVar": "--notification-root-gap",
@@ -11799,7 +12444,9 @@
       {
         "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)"
+        "type": "shadow",
+        "description": "Panel elevation consolidated onto the canonical shadow-md token per DES-1291 — was a bespoke dual-layer drop-shadow. The Panel refactor (Onda 3) should consume var(--shadow-md) directly for dark-mode awareness.",
+        "value": "0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06)"
       },
       {
         "name": "panel-size-lg",
@@ -11968,6 +12615,43 @@
         "type": "dimension",
         "value": "40px"
       },
+      {
+        "name": "payment-method-icon-size-lg-h",
+        "cssVar": "--payment-method-icon-size-lg-h",
+        "type": "dimension",
+        "value": "40px"
+      },
+      {
+        "name": "payment-method-icon-size-lg-w",
+        "cssVar": "--payment-method-icon-size-lg-w",
+        "type": "dimension",
+        "value": "58px"
+      },
+      {
+        "name": "payment-method-icon-size-md-h",
+        "cssVar": "--payment-method-icon-size-md-h",
+        "type": "dimension",
+        "value": "32px"
+      },
+      {
+        "name": "payment-method-icon-size-md-w",
+        "cssVar": "--payment-method-icon-size-md-w",
+        "type": "dimension",
+        "value": "46px"
+      },
+      {
+        "name": "payment-method-icon-size-sm-h",
+        "cssVar": "--payment-method-icon-size-sm-h",
+        "type": "dimension",
+        "value": "24px"
+      },
+      {
+        "name": "payment-method-icon-size-sm-w",
+        "cssVar": "--payment-method-icon-size-sm-w",
+        "type": "dimension",
+        "description": "PaymentMethodIcon sm card width per Figma /Payment-method-icon frame (node 1027-13162).",
+        "value": "34px"
+      },
       {
         "name": "phone-input-country-select-border-color",
         "cssVar": "--phone-input-country-select-border-color",
@@ -12112,12 +12796,26 @@
         "type": "color",
         "value": "oklch(63.68% 0.2078 25.33)"
       },
+      {
+        "name": "progress-bar-fill-color-info",
+        "cssVar": "--progress-bar-fill-color-info",
+        "type": "color",
+        "description": "Info indicator aliases Secondary (Figma Style=Info renders brand/secondary/background #8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
+        "value": "oklch(87.82% 0.2037 137.75)"
+      },
       {
         "name": "progress-bar-fill-color-primary",
         "cssVar": "--progress-bar-fill-color-primary",
         "type": "color",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "progress-bar-fill-color-secondary",
+        "cssVar": "--progress-bar-fill-color-secondary",
+        "type": "color",
+        "description": "Secondary indicator lime aligned with Figma brand/secondary/background (#8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
+        "value": "oklch(87.82% 0.2037 137.75)"
+      },
       {
         "name": "progress-bar-fill-color-success",
         "cssVar": "--progress-bar-fill-color-success",
@@ -12270,6 +12968,13 @@
         "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-info",
+        "cssVar": "--progress-bar-track-color-info",
+        "type": "color",
+        "description": "Track always uses muted gray (universal Figma core/background/muted). Info aliases Secondary per DES-1214 Pendência 3.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "progress-bar-track-color-primary",
         "cssVar": "--progress-bar-track-color-primary",
@@ -12277,6 +12982,13 @@
         "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-secondary",
+        "cssVar": "--progress-bar-track-color-secondary",
+        "type": "color",
+        "description": "Track always uses muted gray (universal Figma core/background/muted). Per DES-1214 Pendência 3.",
+        "value": "oklch(97.02% 0.0000 0)"
+      },
       {
         "name": "progress-bar-track-color-success",
         "cssVar": "--progress-bar-track-color-success",
@@ -12597,6 +13309,13 @@
         "description": "Rail width aligned with Figma Secondary 64px per DES-1300 item 3 — pre-fix was 3.5rem (56px).",
         "value": "4rem"
       },
+      {
+        "name": "rating-focus-ring-color",
+        "cssVar": "--rating-focus-ring-color",
+        "type": "color",
+        "description": "Rating focus-ring color per DES-1217 Pendência 5 — dedicated token replacing the generic --ring utility, aligned with Avatar/Button focus-ring.",
+        "value": "oklch(81.75% 0.1821 159.79)"
+      },
       {
         "name": "rating-icon-color-empty",
         "cssVar": "--rating-icon-color-empty",
@@ -12609,6 +13328,13 @@
         "type": "color",
         "value": "oklch(86.06% 0.1731 91.94)"
       },
+      {
+        "name": "rating-icon-color-half",
+        "cssVar": "--rating-icon-color-half",
+        "type": "color",
+        "description": "Half-star fill — token dedicado (DES-1217); default = filled (warning). Antes era fill-current (herdava currentColor).",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
       {
         "name": "rating-icon-size-lg",
         "cssVar": "--rating-icon-size-lg",
@@ -12949,19 +13675,22 @@
         "name": "select-trigger-height-lg",
         "cssVar": "--select-trigger-height-lg",
         "type": "dimension",
-        "value": "40px"
+        "description": "Select trigger lg height 44px — aligned with --input-size-lg-h (DES-1295). Pre-fix was spacing.10 (40px).",
+        "value": "44px"
       },
       {
         "name": "select-trigger-height-md",
         "cssVar": "--select-trigger-height-md",
         "type": "dimension",
-        "value": "36px"
+        "description": "Select trigger md height 40px — aligned with --input-size-md-h (DES-1295). Pre-fix was spacing.9 (36px).",
+        "value": "40px"
       },
       {
         "name": "select-trigger-height-sm",
         "cssVar": "--select-trigger-height-sm",
         "type": "dimension",
-        "value": "32px"
+        "description": "Select trigger sm height 36px — Select is an Input type in Figma (DES-1295), aligned with --input-size-sm-h. Pre-fix was spacing.8 (32px).",
+        "value": "36px"
       },
       {
         "name": "select-trigger-padding-x-lg",
@@ -12985,13 +13714,15 @@
         "name": "select-trigger-padding-y-lg",
         "cssVar": "--select-trigger-padding-y-lg",
         "type": "dimension",
-        "value": "8px"
+        "description": "Aligned with --input-size-lg-py 6px (DES-1295). Pre-fix was spacing.2 (8px).",
+        "value": "0.375rem"
       },
       {
         "name": "select-trigger-padding-y-md",
         "cssVar": "--select-trigger-padding-y-md",
         "type": "dimension",
-        "value": "8px"
+        "description": "Aligned with --input-size-md-py 4px (DES-1295). Pre-fix was spacing.2 (8px).",
+        "value": "4px"
       },
       {
         "name": "select-trigger-padding-y-sm",
@@ -14888,9 +15619,44 @@
         "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).",
+        "description": "Tag dot indicator color (mint primary = brand default). Per Bowser audit Tag BUG-3 — pre-fix was muted-foreground (gray).",
         "value": "oklch(81.75% 0.1821 159.79)"
       },
+      {
+        "name": "tag-color-dot-destructive",
+        "cssVar": "--tag-color-dot-destructive",
+        "type": "color",
+        "description": "Tag dot — destructive status (red). DES-1083.",
+        "value": "oklch(63.68% 0.2078 25.33)"
+      },
+      {
+        "name": "tag-color-dot-info",
+        "cssVar": "--tag-color-dot-info",
+        "type": "color",
+        "description": "Tag dot — info status (blue). DES-1083.",
+        "value": "oklch(54.61% 0.2152 262.88)"
+      },
+      {
+        "name": "tag-color-dot-neutral",
+        "cssVar": "--tag-color-dot-neutral",
+        "type": "color",
+        "description": "Tag dot — neutral status (gray). DES-1083.",
+        "value": "oklch(55.55% 0.0000 0)"
+      },
+      {
+        "name": "tag-color-dot-success",
+        "cssVar": "--tag-color-dot-success",
+        "type": "color",
+        "description": "Tag dot — success status (green, Figma example #16a34a). DES-1083.",
+        "value": "oklch(62.71% 0.1699 149.21)"
+      },
+      {
+        "name": "tag-color-dot-warning",
+        "cssVar": "--tag-color-dot-warning",
+        "type": "color",
+        "description": "Tag dot — warning status (yellow). DES-1083.",
+        "value": "oklch(86.06% 0.1731 91.94)"
+      },
       {
         "name": "tag-color-text-default",
         "cssVar": "--tag-color-text-default",
@@ -15773,8 +16539,37 @@
         "name": "toggle-icon-size",
         "cssVar": "--toggle-icon-size",
         "type": "dimension",
+        "description": "Flat icon size 16px (spacing.4). Retained for ToggleGroup (forms/) back-compat — primitive Toggle now cascades per size via the size-sm/size-md/size-lg tokens.",
         "value": "16px"
       },
+      {
+        "name": "toggle-icon-size-default",
+        "cssVar": "--toggle-icon-size-default",
+        "type": "dimension",
+        "description": "Toggle icon size for size=default — 16px (spacing.4), aliases md per Toggle audit DES-1235 Pendência 4.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-lg",
+        "cssVar": "--toggle-icon-size-lg",
+        "type": "dimension",
+        "description": "Toggle icon size for size=lg — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-md",
+        "cssVar": "--toggle-icon-size-md",
+        "type": "dimension",
+        "description": "Toggle icon size for size=md — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
+        "value": "16px"
+      },
+      {
+        "name": "toggle-icon-size-sm",
+        "cssVar": "--toggle-icon-size-sm",
+        "type": "dimension",
+        "description": "Toggle icon size for size=sm — 12px (spacing.3) per Figma Variant=*/Size=sm and Toggle audit DES-1235 Pendência 4 (was fixed 16px).",
+        "value": "12px"
+      },
       {
         "name": "toggle-root-border-radius-pill",
         "cssVar": "--toggle-root-border-radius-pill",
@@ -15901,6 +16696,7 @@
         "name": "toggle-variant-default-bg-on",
         "cssVar": "--toggle-variant-default-bg-on",
         "type": "color",
+        "description": "Toggle default Pressed bg = accent (#d1faeb, Figma 1191-6115) — DES-1089.",
         "value": "oklch(95.21% 0.0467 171.12)"
       },
       {
@@ -15925,7 +16721,8 @@
         "name": "toggle-variant-default-color-on",
         "cssVar": "--toggle-variant-default-color-on",
         "type": "color",
-        "value": "oklch(14.48% 0.0000 0)"
+        "description": "Toggle default Pressed fg = accent-foreground (#052e1f, Figma 1191-6115) — DES-1089.",
+        "value": "oklch(26.88% 0.0527 163.85)"
       },
       {
         "name": "toggle-variant-outline-bg-default",
@@ -15943,7 +16740,8 @@
         "name": "toggle-variant-outline-bg-on",
         "cssVar": "--toggle-variant-outline-bg-on",
         "type": "color",
-        "value": "oklch(81.75% 0.1821 159.79)"
+        "description": "Toggle outline Pressed bg = accent (#d1faeb, Figma 1191-6115 — both variants share the accent Pressed) — DES-1089.",
+        "value": "oklch(95.21% 0.0467 171.12)"
       },
       {
         "name": "toggle-variant-outline-border",
@@ -15967,7 +16765,8 @@
         "name": "toggle-variant-outline-color-on",
         "cssVar": "--toggle-variant-outline-color-on",
         "type": "color",
-        "value": "oklch(18.34% 0.0338 166.67)"
+        "description": "Toggle outline Pressed fg = accent-foreground (#052e1f, Figma 1191-6115) — DES-1089.",
+        "value": "oklch(26.88% 0.0527 163.85)"
       },
       {
         "name": "toolbar-button-background-hover",
@@ -16012,7 +16811,7 @@
         "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)"
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "toolbar-root-border",
@@ -16143,8 +16942,8 @@
         "name": "topbar-root-background",
         "cssVar": "--topbar-root-background",
         "type": "color",
-        "description": "Topbar surface background — mirrors Figma --core/background/surface (#fafafa) via the local muted alias.",
-        "value": "oklch(97.02% 0.0000 0)"
+        "description": "Topbar surface background — aliases surface (neutral-50, #fafafa), mirroring Figma core/background/surface and matching the Sidebar chrome.",
+        "value": "oklch(98.51% 0.0000 0)"
       },
       {
         "name": "topbar-root-border-color",
@@ -16511,7 +17310,7 @@
         "name": "typography-display-d1-font-family",
         "cssVar": "--typography-display-d1-font-family",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d1-font-size",
@@ -16529,7 +17328,7 @@
         "name": "typography-display-d1-fontfamily",
         "cssVar": "--typography-display-d1-fontfamily",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d1-fontsize",
@@ -16601,7 +17400,7 @@
         "name": "typography-display-d2-font-family",
         "cssVar": "--typography-display-d2-font-family",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d2-font-size",
@@ -16619,7 +17418,7 @@
         "name": "typography-display-d2-fontfamily",
         "cssVar": "--typography-display-d2-fontfamily",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d2-fontsize",
@@ -16691,7 +17490,7 @@
         "name": "typography-display-d3-font-family",
         "cssVar": "--typography-display-d3-font-family",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d3-font-size",
@@ -16709,7 +17508,7 @@
         "name": "typography-display-d3-fontfamily",
         "cssVar": "--typography-display-d3-fontfamily",
         "type": "string",
-        "value": "Space Grotesk"
+        "value": "Inter"
       },
       {
         "name": "typography-display-d3-fontsize",