npm - @aurea-uds/tokens - Versions diffs - 0.1.0 - Mend

@aurea-uds/tokens 0.1.0

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

Files changed (5) hide show

package/src/aurea.tokens.json ADDED Viewed

@@ -0,0 +1,2233 @@
+{
+  "$description": "Aurea design tokens — DTCG 2025.10. Single source of truth; build-tokens.mjs emits CSS.",
+  "$extensions": {
+    "ui.aurea": {
+      "version": "1.7.0",
+      "source": "UI-KIT.html v1.7",
+      "principles": [
+        "preserve-current-visual-language",
+        "semantic-tokens-only",
+        "floating-surfaces",
+        "pill-controls",
+        "no-gradients"
+      ],
+      "selectors": {
+        "base": ":root",
+        "theme.dark": "[data-theme=\"dark\"]",
+        "theme.light": "[data-theme=\"light\"]",
+        "density.compact": "[data-density=\"compact\"]",
+        "density.comfortable": "[data-density=\"comfortable\"]",
+        "density.spacious": "[data-density=\"spacious\"]"
+      }
+    }
+  },
+  "base": {
+    "brand-yellow": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.795,
+          0.184,
+          86.047
+        ]
+      }
+    },
+    "brand-yellow-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.421,
+          0.095,
+          57.708
+        ]
+      }
+    },
+    "font-ui": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Sans",
+        "Segoe UI",
+        "sans-serif"
+      ]
+    },
+    "font-editorial": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Serif",
+        "Georgia",
+        "serif"
+      ]
+    },
+    "font-code": {
+      "$type": "fontFamily",
+      "$value": [
+        "IBM Plex Mono",
+        "SFMono-Regular",
+        "Consolas",
+        "monospace"
+      ]
+    },
+    "text-xs": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.75,
+        "unit": "rem"
+      }
+    },
+    "text-sm": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.8125,
+        "unit": "rem"
+      }
+    },
+    "text-md": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.875,
+        "unit": "rem"
+      }
+    },
+    "text-base": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "text-lg": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.125,
+        "unit": "rem"
+      }
+    },
+    "text-xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      }
+    },
+    "text-2xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "text-3xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.875,
+        "unit": "rem"
+      }
+    },
+    "text-4xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.25,
+        "unit": "rem"
+      }
+    },
+    "text-5xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3,
+        "unit": "rem"
+      }
+    },
+    "leading-tight": {
+      "$type": "number",
+      "$value": 1.2
+    },
+    "leading-normal": {
+      "$type": "number",
+      "$value": 1.5
+    },
+    "leading-relaxed": {
+      "$type": "number",
+      "$value": 1.7
+    },
+    "space-0": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0,
+        "unit": "px"
+      }
+    },
+    "space-05": {
+      "$description": "Half-step below space-1 (2px). The tightest gap in the scale; use only where 4px is visibly too much, e.g. the flush topbar hugging the content.",
+      "$type": "dimension",
+      "$value": {
+        "value": 0.125,
+        "unit": "rem"
+      }
+    },
+    "space-1": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "space-2": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "space-3": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.75,
+        "unit": "rem"
+      }
+    },
+    "space-4": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "space-5": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      }
+    },
+    "space-6": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "space-7": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.75,
+        "unit": "rem"
+      }
+    },
+    "space-8": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      }
+    },
+    "space-10": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.5,
+        "unit": "rem"
+      }
+    },
+    "space-12": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3,
+        "unit": "rem"
+      }
+    },
+    "space-16": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      }
+    },
+    "space-20": {
+      "$type": "dimension",
+      "$value": {
+        "value": 5,
+        "unit": "rem"
+      }
+    },
+    "space-24": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "rem"
+      }
+    },
+    "radius-xs": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "px"
+      }
+    },
+    "radius-sm": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "px"
+      }
+    },
+    "radius-md": {
+      "$type": "dimension",
+      "$value": {
+        "value": 10,
+        "unit": "px"
+      }
+    },
+    "radius-lg": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16,
+        "unit": "px"
+      }
+    },
+    "radius-card": {
+      "$type": "dimension",
+      "$value": {
+        "value": 22,
+        "unit": "px"
+      }
+    },
+    "radius-control": {
+      "$type": "dimension",
+      "$value": {
+        "value": 999,
+        "unit": "px"
+      }
+    },
+    "radius-full": {
+      "$type": "dimension",
+      "$value": "{radius-control}",
+      "$description": "Alias de radius-control. Referência e não cópia: dois nomes com o mesmo número escrito à mão divergem no dia em que um é ajustado."
+    },
+    "border-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "px"
+      }
+    },
+    "shadow-md": {
+      "$type": "shadow",
+      "$value": {
+        "color": {
+          "colorSpace": "srgb",
+          "components": [
+            0,
+            0,
+            0
+          ],
+          "hex": "#000000",
+          "alpha": 0.28
+        },
+        "offsetX": {
+          "value": 0,
+          "unit": "px"
+        },
+        "offsetY": {
+          "value": 16,
+          "unit": "px"
+        },
+        "blur": {
+          "value": 42,
+          "unit": "px"
+        },
+        "spread": {
+          "value": 0,
+          "unit": "px"
+        }
+      }
+    },
+    "shadow-lg": {
+      "$type": "shadow",
+      "$value": {
+        "color": {
+          "colorSpace": "srgb",
+          "components": [
+            0,
+            0,
+            0
+          ],
+          "hex": "#000000",
+          "alpha": 0.42
+        },
+        "offsetX": {
+          "value": 0,
+          "unit": "px"
+        },
+        "offsetY": {
+          "value": 28,
+          "unit": "px"
+        },
+        "blur": {
+          "value": 80,
+          "unit": "px"
+        },
+        "spread": {
+          "value": 0,
+          "unit": "px"
+        }
+      }
+    },
+    "duration-fast": {
+      "$type": "duration",
+      "$value": {
+        "value": 120,
+        "unit": "ms"
+      }
+    },
+    "duration-base": {
+      "$type": "duration",
+      "$value": {
+        "value": 180,
+        "unit": "ms"
+      }
+    },
+    "duration-slow": {
+      "$type": "duration",
+      "$value": {
+        "value": 280,
+        "unit": "ms"
+      }
+    },
+    "ease-standard": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.2,
+        0,
+        0,
+        1
+      ]
+    },
+    "ease-emphasized": {
+      "$type": "cubicBezier",
+      "$value": [
+        0.2,
+        0.8,
+        0.2,
+        1
+      ]
+    },
+    "z-base": {
+      "$type": "number",
+      "$value": 0
+    },
+    "z-sticky": {
+      "$type": "number",
+      "$value": 20
+    },
+    "z-dropdown": {
+      "$type": "number",
+      "$value": 40
+    },
+    "z-drawer": {
+      "$type": "number",
+      "$value": 60
+    },
+    "z-modal": {
+      "$type": "number",
+      "$value": 80
+    },
+    "z-toast": {
+      "$type": "number",
+      "$value": 100
+    },
+    "sidebar-width": {
+      "$type": "dimension",
+      "$value": {
+        "value": 16.5,
+        "unit": "rem"
+      }
+    },
+    "topbar-height": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4.0,
+        "unit": "rem"
+      }
+    },
+    "content-max": {
+      "$type": "dimension",
+      "$value": {
+        "value": 102.5,
+        "unit": "rem"
+      }
+    },
+    "breakpoint-sm": {
+      "$description": "Responsive scale (Tailwind, the de-facto 2026 standard; base of Untitled UI). Mobile-first: a rule applies at this width and up. @media can't read var(), so CSS uses the literal value — validate.py check 5 guards the scale. JS/native read --breakpoint-*.",
+      "$type": "dimension",
+      "$value": {
+        "value": 640,
+        "unit": "px"
+      }
+    },
+    "breakpoint-md": {
+      "$type": "dimension",
+      "$value": {
+        "value": 768,
+        "unit": "px"
+      }
+    },
+    "breakpoint-lg": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1024,
+        "unit": "px"
+      }
+    },
+    "breakpoint-xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1280,
+        "unit": "px"
+      }
+    },
+    "breakpoint-2xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1536,
+        "unit": "px"
+      }
+    },
+    "control-h-xs": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.625,
+        "unit": "rem"
+      }
+    },
+    "control-h-sm": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.875,
+        "unit": "rem"
+      }
+    },
+    "control-h-md": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.25,
+        "unit": "rem"
+      }
+    },
+    "control-h-lg": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.625,
+        "unit": "rem"
+      }
+    },
+    "control-h-xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3.125,
+        "unit": "rem"
+      }
+    },
+    "row-h": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3.0,
+        "unit": "rem"
+      }
+    },
+    "card-pad": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      }
+    },
+    "section-gap": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "media-canvas": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.085,
+          0,
+          0
+        ]
+      }
+    },
+    "media-foreground": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.985,
+          0,
+          0
+        ]
+      }
+    },
+    "media-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.74,
+          0,
+          0
+        ]
+      }
+    },
+    "media-scrim": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "alpha": 0.82
+      }
+    },
+    "media-track": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          1,
+          0,
+          0
+        ],
+        "alpha": 0.18
+      }
+    },
+    "media-buffered": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          1,
+          0,
+          0
+        ],
+        "alpha": 0.42
+      }
+    },
+    "media-caption-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "alpha": 0.82
+      }
+    },
+    "media-control-bg": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0,
+          0,
+          0
+        ],
+        "alpha": 0.52
+      }
+    },
+    "media-control-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          1,
+          0,
+          0
+        ],
+        "alpha": 0.14
+      }
+    },
+    "text-muted": {
+      "$type": "dimension",
+      "$value": "{muted-foreground}"
+    },
+    "success-400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.25882,
+          0.82745,
+          0.57255
+        ],
+        "hex": "#42d392"
+      }
+    },
+    "success-500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.13333,
+          0.78431,
+          0.45882
+        ],
+        "hex": "#22c875"
+      }
+    },
+    "success-700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.07843,
+          0.47843,
+          0.30196
+        ],
+        "hex": "#147a4d"
+      }
+    },
+    "warning-400": {
+      "$type": "color",
+      "$value": "{brand-yellow}"
+    },
+    "warning-500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.83137,
+          0.61176,
+          0
+        ],
+        "hex": "#d49c00"
+      }
+    },
+    "warning-800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.42745,
+          0.30196,
+          0
+        ],
+        "hex": "#6d4d00"
+      }
+    },
+    "danger-400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.44314,
+          0.50196
+        ],
+        "hex": "#ff7180"
+      }
+    },
+    "danger-500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.91373,
+          0.29412,
+          0.3451
+        ],
+        "hex": "#e94b58"
+      }
+    },
+    "danger-800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.49804,
+          0.12549,
+          0.16078
+        ],
+        "hex": "#7f2029"
+      }
+    },
+    "info-400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.55686,
+          0.77255,
+          1
+        ],
+        "hex": "#8ec5ff"
+      }
+    },
+    "info-500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.16863,
+          0.49804,
+          1
+        ],
+        "hex": "#2b7fff"
+      }
+    },
+    "info-800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.07843,
+          0.27843,
+          0.90196
+        ],
+        "hex": "#1447e6"
+      }
+    },
+    "oracle-50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.96,
+          0.025,
+          251.813
+        ]
+      }
+    },
+    "oracle-100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.9,
+          0.06,
+          251.813
+        ]
+      }
+    },
+    "oracle-200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.85,
+          0.09,
+          251.813
+        ]
+      }
+    },
+    "oracle-300": {
+      "$type": "color",
+      "$value": "{chart-1}"
+    },
+    "oracle-400": {
+      "$type": "color",
+      "$value": "{chart-2}"
+    },
+    "oracle-500": {
+      "$type": "color",
+      "$value": "{chart-3}"
+    },
+    "oracle-600": {
+      "$type": "color",
+      "$value": "{chart-4}"
+    },
+    "oracle-700": {
+      "$type": "color",
+      "$value": "{chart-5}"
+    },
+    "oracle-800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.38,
+          0.2,
+          265.638
+        ]
+      }
+    },
+    "oracle-900": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.31,
+          0.16,
+          265.638
+        ]
+      }
+    },
+    "oracle-950": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.23,
+          0.11,
+          265.638
+        ]
+      }
+    },
+    "weight-regular": {
+      "$type": "number",
+      "$value": 400,
+      "$description": "Corpo de texto."
+    },
+    "weight-medium": {
+      "$type": "number",
+      "$value": 500,
+      "$description": "Rótulo, botão, ênfase leve."
+    },
+    "weight-semibold": {
+      "$type": "number",
+      "$value": 600,
+      "$description": "Título de seção, cabeçalho de tabela."
+    },
+    "weight-bold": {
+      "$type": "number",
+      "$value": 700,
+      "$description": "Título de página e número de destaque."
+    },
+    "icon-sm": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      },
+      "$description": "Glifo dentro de controle pequeno, badge e chip."
+    },
+    "icon-md": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      },
+      "$description": "Glifo padrão, alinhado ao texto de corpo."
+    },
+    "icon-lg": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      },
+      "$description": "Glifo de destaque em cabeçalho."
+    },
+    "icon-xl": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      },
+      "$description": "Glifo de estado vazio e de ilustração."
+    },
+    "tracking-tight": {
+      "$type": "dimension",
+      "$value": {
+        "value": -0.01,
+        "unit": "em"
+      },
+      "$description": "Fecha o texto em tamanho grande, onde o espaçamento natural parece solto."
+    },
+    "tracking-normal": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0,
+        "unit": "em"
+      },
+      "$description": "Sem ajuste — o padrão da fonte."
+    },
+    "leading-none": {
+      "$type": "number",
+      "$value": 1,
+      "$description": "Entrelinha colada ao glifo: usada onde a ALTURA do componente é o contrato e não pode variar com a herança (ver badge e chip)."
+    },
+    "target-min": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2.75,
+        "unit": "rem"
+      },
+      "$description": "Área mínima de toque (44px a 16px de raiz) — WCAG 2.5.5/2.5.8 em ponteiro grosseiro."
+    },
+    "tracking-wide": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.04,
+        "unit": "em"
+      },
+      "$description": "Abre levemente o rótulo em caixa alta."
+    },
+    "tracking-wider": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.06,
+        "unit": "em"
+      },
+      "$description": "Rótulo curto em caixa alta, como eyebrow."
+    },
+    "tracking-widest": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.12,
+        "unit": "em"
+      },
+      "$description": "Rótulo de categoria — o mais aberto da escala."
+    }
+  },
+  "theme": {
+    "dark": {
+      "background": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "card": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.205,
+            0,
+            0
+          ]
+        }
+      },
+      "card-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "popover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.205,
+            0,
+            0
+          ]
+        }
+      },
+      "popover-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "primary": {
+        "$type": "color",
+        "$value": "{brand-yellow}"
+      },
+      "primary-foreground": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.274,
+            0.006,
+            286.033
+          ]
+        }
+      },
+      "secondary-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "muted": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.269,
+            0,
+            0
+          ]
+        }
+      },
+      "muted-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.708,
+            0,
+            0
+          ]
+        }
+      },
+      "accent": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.269,
+            0,
+            0
+          ]
+        }
+      },
+      "accent-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "destructive": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.704,
+            0.191,
+            22.216
+          ]
+        }
+      },
+      "destructive-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.2,
+            0.02,
+            22
+          ]
+        }
+      },
+      "border": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            1,
+            0,
+            0
+          ],
+          "alpha": 0.1
+        }
+      },
+      "input": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            1,
+            0,
+            0
+          ],
+          "alpha": 0.15
+        }
+      },
+      "ring": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.556,
+            0,
+            0
+          ]
+        }
+      },
+      "chart-1": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.809,
+            0.105,
+            251.813
+          ]
+        }
+      },
+      "chart-2": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.623,
+            0.214,
+            259.815
+          ]
+        }
+      },
+      "chart-3": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.546,
+            0.245,
+            262.881
+          ]
+        }
+      },
+      "chart-4": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.488,
+            0.243,
+            264.376
+          ]
+        }
+      },
+      "chart-5": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.424,
+            0.199,
+            265.638
+          ]
+        }
+      },
+      "sidebar": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.205,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-primary": {
+        "$type": "color",
+        "$value": "{brand-yellow}"
+      },
+      "sidebar-primary-foreground": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "sidebar-accent": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.269,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-accent-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-border": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            1,
+            0,
+            0
+          ],
+          "alpha": 0.1
+        }
+      },
+      "sidebar-ring": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.556,
+            0,
+            0
+          ]
+        }
+      },
+      "surface-1": {
+        "$type": "color",
+        "$value": "{card}"
+      },
+      "surface-2": {
+        "$type": "color",
+        "$value": "{secondary}"
+      },
+      "surface-3": {
+        "$type": "color",
+        "$value": "{muted}"
+      },
+      "surface-inset": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.3,
+            0,
+            0
+          ]
+        }
+      },
+      "foreground-strong": {
+        "$type": "color",
+        "$value": "{foreground}"
+      },
+      "subtle-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.76,
+            0,
+            0
+          ]
+        }
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.58,
+            0,
+            0
+          ]
+        }
+      },
+      "field-bg": {
+        "$type": "color",
+        "$value": "{muted}"
+      },
+      "overlay": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0,
+            0,
+            0
+          ],
+          "alpha": 0.74
+        }
+      },
+      "primary-hover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.835,
+            0.19,
+            89
+          ]
+        }
+      },
+      "primary-active": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.74,
+            0.17,
+            84
+          ]
+        }
+      },
+      "secondary-hover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.31,
+            0.006,
+            286.033
+          ]
+        }
+      },
+      "focus": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "focus-strong": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "primary-emphasis": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "primary-outline": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "control-selected": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "control-selected-foreground": {
+        "$type": "color",
+        "$value": "{primary-foreground}"
+      },
+      "selection": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.795,
+            0.184,
+            86.047
+          ],
+          "alpha": 0.22
+        }
+      },
+      "success-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.42,
+            0.11,
+            150
+          ],
+          "alpha": 0.36
+        }
+      },
+      "warning-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.34,
+            0.08,
+            86
+          ],
+          "alpha": 0.64
+        }
+      },
+      "danger-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.32,
+            0.1,
+            22
+          ],
+          "alpha": 0.62
+        }
+      },
+      "info-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.29,
+            0.08,
+            260
+          ],
+          "alpha": 0.62
+        }
+      }
+    },
+    "light": {
+      "background": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.965,
+            0,
+            0
+          ]
+        }
+      },
+      "foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "card": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            1,
+            0,
+            0
+          ]
+        }
+      },
+      "card-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "popover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            1,
+            0,
+            0
+          ]
+        }
+      },
+      "popover-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "primary": {
+        "$type": "color",
+        "$value": "{brand-yellow}"
+      },
+      "primary-foreground": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "secondary": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.94,
+            0,
+            0
+          ]
+        }
+      },
+      "secondary-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.21,
+            0.006,
+            285.885
+          ]
+        }
+      },
+      "muted": {
+        "$type": "color",
+        "$value": "{secondary}"
+      },
+      "muted-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.43,
+            0,
+            0
+          ]
+        }
+      },
+      "accent": {
+        "$type": "color",
+        "$value": "{secondary}"
+      },
+      "accent-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.205,
+            0,
+            0
+          ]
+        }
+      },
+      "destructive": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.577,
+            0.245,
+            27.325
+          ]
+        }
+      },
+      "destructive-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "border": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.89,
+            0,
+            0
+          ]
+        }
+      },
+      "input": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.922,
+            0,
+            0
+          ]
+        }
+      },
+      "ring": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.708,
+            0,
+            0
+          ]
+        }
+      },
+      "chart-1": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.809,
+            0.105,
+            251.813
+          ]
+        }
+      },
+      "chart-2": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.623,
+            0.214,
+            259.815
+          ]
+        }
+      },
+      "chart-3": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.546,
+            0.245,
+            262.881
+          ]
+        }
+      },
+      "chart-4": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.488,
+            0.243,
+            264.376
+          ]
+        }
+      },
+      "chart-5": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.424,
+            0.199,
+            265.638
+          ]
+        }
+      },
+      "sidebar": {
+        "$type": "color",
+        "$value": "{card}"
+      },
+      "sidebar-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-primary": {
+        "$type": "color",
+        "$value": "{brand-yellow}"
+      },
+      "sidebar-primary-foreground": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "sidebar-accent": {
+        "$type": "color",
+        "$value": "{secondary}"
+      },
+      "sidebar-accent-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.205,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-border": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.89,
+            0,
+            0
+          ]
+        }
+      },
+      "sidebar-ring": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.708,
+            0,
+            0
+          ]
+        }
+      },
+      "surface-1": {
+        "$type": "color",
+        "$value": "{card}"
+      },
+      "surface-2": {
+        "$type": "color",
+        "$value": "{secondary}"
+      },
+      "surface-3": {
+        "$type": "color",
+        "$value": "{muted}"
+      },
+      "surface-inset": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.955,
+            0,
+            0
+          ]
+        },
+        "$description": "Superficie afundada do tema claro. NAO pode ser alias de {secondary}: eram o mesmo 0.94, e um Button secondary desaparecia dentro de um painel inset (achado 24/07/2026). 0.955 fica entre o fundo (0.965) e o secondary (0.94) — afunda sem colidir."
+      },
+      "surface-hover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.925,
+            0,
+            0
+          ]
+        }
+      },
+      "foreground-strong": {
+        "$type": "color",
+        "$value": "{foreground}"
+      },
+      "subtle-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.43,
+            0,
+            0
+          ]
+        }
+      },
+      "border-strong": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.56,
+            0,
+            0
+          ]
+        }
+      },
+      "field-bg": {
+        "$type": "color",
+        "$value": "{muted}"
+      },
+      "overlay": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.145,
+            0,
+            0
+          ],
+          "alpha": 0.4
+        }
+      },
+      "primary-hover": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.835,
+            0.19,
+            89
+          ]
+        }
+      },
+      "primary-active": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.74,
+            0.17,
+            84
+          ]
+        }
+      },
+      "secondary-hover": {
+        "$type": "color",
+        "$value": "{surface-hover}"
+      },
+      "focus": {
+        "$type": "color",
+        "$value": "{primary}"
+      },
+      "focus-strong": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "primary-emphasis": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "primary-outline": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "control-selected": {
+        "$type": "color",
+        "$value": "{brand-yellow-foreground}"
+      },
+      "control-selected-foreground": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.985,
+            0,
+            0
+          ]
+        }
+      },
+      "success-400": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.05882,
+            0.41961,
+            0.24314
+          ],
+          "hex": "#0f6b3e"
+        }
+      },
+      "warning-400": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.42745,
+            0.30196,
+            0
+          ],
+          "hex": "#6d4d00"
+        }
+      },
+      "danger-400": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.62353,
+            0.13725,
+            0.18824
+          ],
+          "hex": "#9f2330"
+        }
+      },
+      "info-400": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.08627,
+            0.3098,
+            0.61569
+          ],
+          "hex": "#164f9d"
+        }
+      },
+      "oracle-300": {
+        "$type": "color",
+        "$value": "{chart-4}"
+      },
+      "oracle-400": {
+        "$type": "color",
+        "$value": "{chart-4}"
+      },
+      "selection": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.795,
+            0.184,
+            86.047
+          ],
+          "alpha": 0.18
+        }
+      },
+      "success-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.94,
+            0.05,
+            150
+          ]
+        }
+      },
+      "warning-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.95,
+            0.06,
+            86
+          ]
+        }
+      },
+      "danger-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.95,
+            0.05,
+            22
+          ]
+        }
+      },
+      "info-bg": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "oklch",
+          "components": [
+            0.95,
+            0.045,
+            260
+          ]
+        }
+      }
+    }
+  },
+  "density": {
+    "compact": {
+      "control-h-xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        }
+      },
+      "control-h-sm": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.75,
+          "unit": "rem"
+        }
+      },
+      "control-h-md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.0,
+          "unit": "rem"
+        }
+      },
+      "control-h-lg": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.375,
+          "unit": "rem"
+        }
+      },
+      "control-h-xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.75,
+          "unit": "rem"
+        }
+      },
+      "row-h": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.625,
+          "unit": "rem"
+        }
+      },
+      "card-pad": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.0,
+          "unit": "rem"
+        }
+      },
+      "section-gap": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.125,
+          "unit": "rem"
+        }
+      }
+    },
+    "comfortable": {
+      "control-h-xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.625,
+          "unit": "rem"
+        }
+      },
+      "control-h-sm": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.875,
+          "unit": "rem"
+        }
+      },
+      "control-h-md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.25,
+          "unit": "rem"
+        }
+      },
+      "control-h-lg": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.625,
+          "unit": "rem"
+        }
+      },
+      "control-h-xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3.125,
+          "unit": "rem"
+        }
+      },
+      "row-h": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3.0,
+          "unit": "rem"
+        }
+      },
+      "card-pad": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.25,
+          "unit": "rem"
+        }
+      },
+      "section-gap": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        }
+      }
+    },
+    "spacious": {
+      "control-h-xs": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.75,
+          "unit": "rem"
+        }
+      },
+      "control-h-sm": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.125,
+          "unit": "rem"
+        }
+      },
+      "control-h-md": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.5,
+          "unit": "rem"
+        }
+      },
+      "control-h-lg": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3.0,
+          "unit": "rem"
+        }
+      },
+      "control-h-xl": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3.5,
+          "unit": "rem"
+        }
+      },
+      "row-h": {
+        "$type": "dimension",
+        "$value": {
+          "value": 3.375,
+          "unit": "rem"
+        }
+      },
+      "card-pad": {
+        "$type": "dimension",
+        "$value": {
+          "value": 1.5,
+          "unit": "rem"
+        }
+      },
+      "section-gap": {
+        "$type": "dimension",
+        "$value": {
+          "value": 2.0,
+          "unit": "rem"
+        }
+      }
+    }
+  }
+}