@snksergio/design-system 0.35.0 → 0.36.0

package/dist-lib/index.cjs

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-DlyaLunw.cjs");
-const useTheme = require("./chunks/useTheme-D4alxxGV.cjs");
+const panel = require("./chunks/panel-Cq9UQki6.cjs");
+const useTheme = require("./chunks/useTheme-DFAlP_ab.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const lucideReact = require("lucide-react");
 const SeparatorPrimitive = require("@radix-ui/react-separator");
-const input = require("./chunks/input-CizzMZ20.cjs");
-const kpiDelta = require("./chunks/kpi-delta-DrSJPMCY.cjs");
-const pageHeader = require("./chunks/page-header-BMzUloFi.cjs");
+const input = require("./chunks/input-CLZuK61s.cjs");
+const kpiDelta = require("./chunks/kpi-delta--KmkXYn9.cjs");
+const pageHeader = require("./chunks/page-header-HWma4AzM.cjs");
 const TooltipPrimitive = require("@radix-ui/react-tooltip");
 const CollapsiblePrimitive = require("@radix-ui/react-collapsible");
 function _interopNamespaceDefault(e) {

package/dist-lib/index.mjs

@@ -1,17 +1,17 @@
-import { C as Checkbox, g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-Cdl0GPVE.mjs";
-import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-Cdl0GPVE.mjs";
-import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, v as CommandInput, w as CommandList, x as CommandEmpty, y as CommandGroup, z as CommandItem, E as DropdownMenuGroup, F as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/useTheme-DF2xbSdI.mjs";
-import { A as A2, d as d2, e, H as H2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72, a8 as a82, u as u2 } from "./chunks/useTheme-DF2xbSdI.mjs";
+import { C as Checkbox, g as getContrastTextColor, a as FormField, e as Avatar, i as isFilterEntryActive, f as FilterPopover, T as ToolbarToolButton, h as ButtonGroup, j as ToolbarSimpleFilterDrawer, k as ACTIONS_COLUMN_WIDTH, l as Calendar, m as Textarea } from "./chunks/panel-BCGlqoEk.mjs";
+import { n, A, B, o, q, r, s, t, D, u, v, w, x, y, z, E, G, H, d, I, J, K, L, M, F, b, N, c, O, Q, P, R, S, U, V, W, X, Y, Z, _, $, a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, p, am, an, ao, ap, aq } from "./chunks/panel-BCGlqoEk.mjs";
+import { t as tv, c as cn, P as Popover, j as PopoverTrigger, k as PopoverContent, B as Button, l as Dialog, m as DialogTrigger, n as DialogContent, o as DialogTitle, C as Chip, p as PopoverAnchor, q as DialogClose, r as DialogDescription, D as DropdownMenu, f as DropdownMenuTrigger, g as DropdownMenuContent, h as DropdownMenuItem, s as CommandDialog, v as CommandInput, w as CommandList, x as CommandEmpty, y as CommandGroup, z as CommandItem, E as DropdownMenuGroup, F as DropdownMenuLabel, i as DropdownMenuSeparator } from "./chunks/useTheme-D-405m16.mjs";
+import { A as A2, d as d2, e, H as H2, G as G2, I as I2, J as J2, K as K2, L as L2, M as M2, N as N2, O as O2, Q as Q2, R as R2, S as S2, T, U as U2, V as V2, W as W2, X as X2, Y as Y2, Z as Z2, _ as _2, $ as $2, a0 as a02, a1 as a12, a2 as a22, a3 as a32, a4 as a42, a5 as a52, a6 as a62, a7 as a72, a8 as a82, u as u2 } from "./chunks/useTheme-D-405m16.mjs";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { forwardRef, useId, useState, Fragment as Fragment$1, isValidElement, useCallback, useMemo, createElement, useRef, useEffect, useLayoutEffect, createContext, useContext } from "react";
 import { Check, MoreHorizontal, SlidersHorizontal, Calendar as Calendar$1, AlertCircle, CheckCheck, Clock, MoreVertical, Ban, X as X3, CalendarDays, ChevronDown, ChevronLeft, ChevronRight, PanelLeftClose, ChevronsUpDown, Search, User } from "lucide-react";
 import { Reply } from "lucide-react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { I as Input } from "./chunks/input-Cym0k4ZI.mjs";
-import { i } from "./chunks/input-Cym0k4ZI.mjs";
-import { a, b as b2, K as K3 } from "./chunks/kpi-delta-FhfuIg27.mjs";
-import { P as P2, p as p2 } from "./chunks/page-header-Buh6YlQM.mjs";
+import { I as Input } from "./chunks/input-Di_5Ir5M.mjs";
+import { i } from "./chunks/input-Di_5Ir5M.mjs";
+import { a, b as b2, K as K3 } from "./chunks/kpi-delta-CMdiNoMu.mjs";
+import { P as P2, p as p2 } from "./chunks/page-header-gYXNGHv-.mjs";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 const cardCheckbox = tv({

package/dist-lib/preview/chat.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
+const useTheme = require("../chunks/useTheme-DFAlP_ab.cjs");
 const lucideReact = require("lucide-react");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const chatV2Mocks = require("../chunks/chat-v2-mocks-BV9Wha_Z.cjs");
-const input = require("../chunks/input-CizzMZ20.cjs");
+const input = require("../chunks/input-CLZuK61s.cjs");
 const chatV2Styles = useTheme.tv({
   slots: {
     /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */

package/dist-lib/preview/chat.mjs

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { t as tv, D as DropdownMenu, f as DropdownMenuTrigger, B as Button, g as DropdownMenuContent, h as DropdownMenuItem, i as DropdownMenuSeparator, a as Avatar, b as AvatarFallback, C as Chip, c as cn, d as ChipGroup, e as ChipGroupItem, u as useTheme, A as AppShell } from "../chunks/useTheme-DF2xbSdI.mjs";
+import { t as tv, D as DropdownMenu, f as DropdownMenuTrigger, B as Button, g as DropdownMenuContent, h as DropdownMenuItem, i as DropdownMenuSeparator, a as Avatar, b as AvatarFallback, C as Chip, c as cn, d as ChipGroup, e as ChipGroupItem, u as useTheme, A as AppShell } from "../chunks/useTheme-D-405m16.mjs";
 import { MoreVertical, CheckCircle2, Phone, Video, Tag, UserPlus, Archive, CheckCheck, Check, ArrowLeft, PanelRightClose, PanelRightOpen, Paperclip, Smile, Send, Mic, ChevronDown, X, Plus, Menu, Search } from "lucide-react";
 import { e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 import { C as CHANNEL_LABEL, a as CHANNEL_HEX, S as SAMPLE_MESSAGES, b as STATUS_DOT, F as FILTER_GROUPS, d as CONVERSATIONS, e as CONVERSATION_DETAILS, D as DEFAULT_DETAIL } from "../chunks/chat-v2-mocks-DvZRkhmz.mjs";
-import { I as Input } from "../chunks/input-Cym0k4ZI.mjs";
+import { I as Input } from "../chunks/input-Di_5Ir5M.mjs";
 const chatV2Styles = tv({
   slots: {
     /** Body do AppShell — flex row com gap entre colunas. `relative` pra mobile overlays. */

package/dist-lib/preview/clientes.cjs

@@ -2,12 +2,12 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
+const useTheme = require("../chunks/useTheme-DFAlP_ab.cjs");
 const lucideReact = require("lucide-react");
 const clientesShowcaseMocks = require("../chunks/clientes-showcase-mocks-CwhluBTT.cjs");
-const panel = require("../chunks/panel-DlyaLunw.cjs");
-require("../chunks/input-CizzMZ20.cjs");
-const pageHeader = require("../chunks/page-header-BMzUloFi.cjs");
+const panel = require("../chunks/panel-Cq9UQki6.cjs");
+require("../chunks/input-CLZuK61s.cjs");
+const pageHeader = require("../chunks/page-header-HWma4AzM.cjs");
 require("react-dom");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const drawerFormStyles = useTheme.tv({

package/dist-lib/preview/clientes.mjs

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
-import { t as tv, d as ChipGroup, e as ChipGroupItem, B as Button, C as Chip, a as Avatar, b as AvatarFallback, u as useTheme, A as AppShell } from "../chunks/useTheme-DF2xbSdI.mjs";
+import { t as tv, d as ChipGroup, e as ChipGroupItem, B as Button, C as Chip, a as Avatar, b as AvatarFallback, u as useTheme, A as AppShell } from "../chunks/useTheme-D-405m16.mjs";
 import { Pencil, Trash2, ChevronDown, MoreHorizontal, Plus, Download, Maximize2, Copy, Upload, RotateCcw, MessageSquare, Archive, Clock } from "lucide-react";
 import { S as STATUSES, a as STATUS_DOT, C as CATEGORIES, b as CITIES, A as AGENTS, d as CATEGORY_KIND, f as formatBRL, e as formatShortDate, g as CLIENTS_87, K as KANBAN_COLUMNS, h as STATUS_OPTIONS, i as CATEGORY_OPTIONS, j as AGENTS_LOOKUP, k as AGENT_OPTIONS } from "../chunks/clientes-showcase-mocks-CwWGCCmf.mjs";
-import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-Cdl0GPVE.mjs";
-import "../chunks/input-Cym0k4ZI.mjs";
-import { P as PageHeader } from "../chunks/page-header-Buh6YlQM.mjs";
+import { P as Panel, F as FormFieldInput, a as FormField, b as FormFieldSelect, c as FormFieldTextarea, d as FloatingPanel, p as presetView, D as DataTable, B as BulkActionButton, A as AlertModal } from "../chunks/panel-BCGlqoEk.mjs";
+import "../chunks/input-Di_5Ir5M.mjs";
+import { P as PageHeader } from "../chunks/page-header-gYXNGHv-.mjs";
 import "react-dom";
 import { b as APP_SHELL_LAYOUT_OPTIONS, f as APP_SHELL_USER, e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 const drawerFormStyles = tv({

package/dist-lib/preview/dashboard.cjs

@@ -2,11 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const useTheme = require("../chunks/useTheme-D4alxxGV.cjs");
+const useTheme = require("../chunks/useTheme-DFAlP_ab.cjs");
 const lucideReact = require("lucide-react");
 const recharts = require("recharts");
-const pageHeader = require("../chunks/page-header-BMzUloFi.cjs");
-const kpiDelta = require("../chunks/kpi-delta-DrSJPMCY.cjs");
+const pageHeader = require("../chunks/page-header-HWma4AzM.cjs");
+const kpiDelta = require("../chunks/kpi-delta--KmkXYn9.cjs");
 const appShellMocks = require("../chunks/app-shell-mocks-oO_IV3Gw.cjs");
 const BRAZIL_VIEWBOX = "0 0 1000 912";
 const BRAZIL_PATHS = [

package/dist-lib/preview/dashboard.mjs

@@ -1,10 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { u as useTheme, A as AppShell, B as Button, C as Chip, c as cn, a as Avatar, b as AvatarFallback } from "../chunks/useTheme-DF2xbSdI.mjs";
+import { u as useTheme, A as AppShell, B as Button, C as Chip, c as cn, a as Avatar, b as AvatarFallback } from "../chunks/useTheme-D-405m16.mjs";
 import { MoreVertical, ChevronDown, Calendar, Phone, Timer, CheckCircle2, UserPlus, Clock, TrendingUp, Star, Headphones, Bot, Sun, ArrowRight, MessageSquare, Send, Mail, Search } from "lucide-react";
 import { ResponsiveContainer, BarChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, PieChart, Pie, Cell, RadialBarChart, PolarAngleAxis, RadialBar, AreaChart, Area } from "recharts";
-import { P as PageHeader } from "../chunks/page-header-Buh6YlQM.mjs";
-import { K as KpiGroup, a as Kpi, b as KpiDelta } from "../chunks/kpi-delta-FhfuIg27.mjs";
+import { P as PageHeader } from "../chunks/page-header-gYXNGHv-.mjs";
+import { K as KpiGroup, a as Kpi, b as KpiDelta } from "../chunks/kpi-delta-CMdiNoMu.mjs";
 import { e as APP_SHELL_THEME_OPTIONS, c as APP_SHELL_MESSAGES, d as APP_SHELL_NOTIFICATIONS, A as APP_SHELL_COMMANDS, a as APP_SHELL_CONTEXTS } from "../chunks/app-shell-mocks-kWIVSzLs.mjs";
 const BRAZIL_VIEWBOX = "0 0 1000 912";
 const BRAZIL_PATHS = [

package/dist-lib/src/components/shadcn/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOzD;;;;;;;;;;;GAWG;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAYX,CAAA;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,4CAoBzD,CAAA;AAGD,QAAA,MAAM,YAAY;;;;;;;0FA0BhB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFAYf,CAAA;AAGF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAiBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAkBf,CAAA;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAOzD;;;;;;;;;;;GAWG;AAEH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;sFAiBX,CAAA;AAGF,QAAA,MAAM,aAAa,GAAI,wBAAwB,WAAW,4CAoBzD,CAAA;AAGD,QAAA,MAAM,YAAY;;;;;;;0FA0BhB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;sFAYf,CAAA;AAGF,QAAA,MAAM,YAAY;;;;;;uJAShB,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;;;;;;sFAiBhB,CAAA;AAGF,QAAA,MAAM,gBAAgB;;;;;;sFASpB,CAAA;AAIF,QAAA,MAAM,WAAW;;;;;;;;;;;;sFAkBf,CAAA;AAGF,QAAA,MAAM,eAAe;8BAGlB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}

package/dist-lib/theme/brand-blue.css

@@ -1,110 +1,110 @@
-/**
- * brand-blue.css — Auto-gerado. Não editar manualmente.
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
- * Source (repo do DS): tokens/brands/blue/semantic/*.ts
- * Regenerar (só no repo do DS): npm run tokens:brand:blue
- *
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
- * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
- *
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
- * omite o que já é idêntico à default.
- */
-
-/* ── Light (44 vars divergem da default) ─────────────────────────── */
-[data-theme="blue"]:not(.dark) {
-  --color-bg-canvas: oklch(0.982 0.008 264);
-  --color-bg-surface: oklch(0.995 0.004 264);
-  --color-bg-surface-elevated: oklch(0.998 0.003 264);
-  --color-bg-surface-panels: oklch(0.982 0.008 264);
-  --color-bg-sidebar: oklch(0.948 0.016 264);
-  --color-bg-subtle: oklch(0.973 0.004 264);
-  --color-bg-muted: oklch(0.973 0.004 264);
-  --color-bg-emphasis: oklch(0.94 0.007 264);
-  --color-bg-input: oklch(0.995 0.004 264);
-  --color-bg-accent: oklch(0.995 0.004 264);
-  --color-bg-brand: oklch(0.52 0.180 264);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.95 0.012 264);
-  --color-bg-input-hover: oklch(0.973 0.004 264);
-  --color-bg-accent-hover: oklch(0.84 0.024 264);
-  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
-  --color-bg-table: oklch(0.995 0.004 264);
-  --color-bg-table-head: oklch(0.973 0.004 264);
-  --color-bg-table-row-hover: oklch(0.973 0.004 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
-  --color-fg-strong: oklch(0.15 0.012 264);
-  --color-fg-default: oklch(0.15 0.012 264);
-  --color-fg-muted: oklch(0.4997 0.028 264);
-  --color-fg-subtle: oklch(0.7025 0.024 264);
-  --color-fg-disabled: oklch(0.7025 0.024 264);
-  --color-fg-brand: oklch(0.52 0.180 264);
-  --color-border-default: oklch(0.9076 0.011 264);
-  --color-border-subtle: oklch(0.931 0.008 264);
-  --color-border-input: oklch(0.8761 0.015 264);
-  --color-border-sidebar: oklch(0.9076 0.016 264);
-  --color-border-brand: oklch(0.52 0.180 264);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
-  --color-border-table: oklch(0.931 0.008 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
-  --color-chart-1: oklch(0.58 0.175 264);
-  --color-chart-grid: oklch(0.9076 0.011 264);
-}
-
-/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
-.dark[data-theme="blue"] {
-  --color-bg-canvas: oklch(0.205 0.014 264);
-  --color-bg-surface: oklch(0.225 0.014 264);
-  --color-bg-surface-elevated: oklch(0.225 0.014 264);
-  --color-bg-surface-panels: oklch(0.205 0.014 264);
-  --color-bg-sidebar: oklch(0.225 0.014 264);
-  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
-  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
-  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
-  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-brand: oklch(0.72 0.150 256);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
-  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
-  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
-  --color-bg-table: oklch(0.225 0.014 264);
-  --color-bg-table-head: oklch(0.252 0.016 264);
-  --color-bg-table-row-hover: oklch(0.252 0.016 264);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
-  --color-fg-default: oklch(0.98 0.004 264);
-  --color-fg-muted: oklch(0.7025 0.024 264);
-  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
-  --color-fg-disabled: oklch(0.36 0.022 264);
-  --color-fg-brand: oklch(0.72 0.150 256);
-  --color-border-default: oklch(0.2645 0.016 264);
-  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
-  --color-border-input: oklch(0.92 0.035 264 / 0.08);
-  --color-border-sidebar: oklch(0.2645 0.016 264);
-  --color-border-brand: oklch(0.72 0.150 256);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
-  --color-border-table: oklch(0.2645 0.016 264);
-  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
-  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
-  --color-chart-1: oklch(0.72 0.150 256);
-  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
-}
+/**
+ * brand-blue.css — Auto-gerado. Não editar manualmente.
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
+ * Source (repo do DS): tokens/brands/blue/semantic/*.ts
+ * Regenerar (só no repo do DS): npm run tokens:brand:blue
+ *
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
+ * data-theme="blue" no <html>. Sem o atributo nada casa — e não dá erro.
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
+ *
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
+ * omite o que já é idêntico à default.
+ */
+
+/* ── Light (44 vars divergem da default) ─────────────────────────── */
+[data-theme="blue"]:not(.dark) {
+  --color-bg-canvas: oklch(0.982 0.008 264);
+  --color-bg-surface: oklch(0.995 0.004 264);
+  --color-bg-surface-elevated: oklch(0.998 0.003 264);
+  --color-bg-surface-panels: oklch(0.982 0.008 264);
+  --color-bg-sidebar: oklch(0.948 0.016 264);
+  --color-bg-subtle: oklch(0.973 0.004 264);
+  --color-bg-muted: oklch(0.973 0.004 264);
+  --color-bg-emphasis: oklch(0.94 0.007 264);
+  --color-bg-input: oklch(0.995 0.004 264);
+  --color-bg-accent: oklch(0.995 0.004 264);
+  --color-bg-brand: oklch(0.52 0.180 264);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.52 0.180 264) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.95 0.012 264);
+  --color-bg-input-hover: oklch(0.973 0.004 264);
+  --color-bg-accent-hover: oklch(0.84 0.024 264);
+  --color-bg-sidebar-accent: oklch(0.999 0.002 264);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.018 264);
+  --color-bg-table: oklch(0.995 0.004 264);
+  --color-bg-table-head: oklch(0.973 0.004 264);
+  --color-bg-table-row-hover: oklch(0.973 0.004 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.52 0.180 264) 6%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.52 0.180 264) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.52 0.180 264) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.52 0.180 264) 10%, oklch(1 0 0));
+  --color-fg-strong: oklch(0.15 0.012 264);
+  --color-fg-default: oklch(0.15 0.012 264);
+  --color-fg-muted: oklch(0.4997 0.028 264);
+  --color-fg-subtle: oklch(0.7025 0.024 264);
+  --color-fg-disabled: oklch(0.7025 0.024 264);
+  --color-fg-brand: oklch(0.52 0.180 264);
+  --color-border-default: oklch(0.9076 0.011 264);
+  --color-border-subtle: oklch(0.931 0.008 264);
+  --color-border-input: oklch(0.8761 0.015 264);
+  --color-border-sidebar: oklch(0.9076 0.016 264);
+  --color-border-brand: oklch(0.52 0.180 264);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.52 0.180 264) 36%, transparent);
+  --color-border-table: oklch(0.931 0.008 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.52 0.180 264) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.55 0.05 264 / 0.12);
+  --color-chart-1: oklch(0.58 0.175 264);
+  --color-chart-grid: oklch(0.9076 0.011 264);
+}
+
+/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
+.dark[data-theme="blue"] {
+  --color-bg-canvas: oklch(0.205 0.014 264);
+  --color-bg-surface: oklch(0.225 0.014 264);
+  --color-bg-surface-elevated: oklch(0.225 0.014 264);
+  --color-bg-surface-panels: oklch(0.205 0.014 264);
+  --color-bg-sidebar: oklch(0.225 0.014 264);
+  --color-bg-subtle: oklch(0.92 0.035 264 / 0.01);
+  --color-bg-muted: oklch(0.92 0.035 264 / 0.03);
+  --color-bg-emphasis: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-input: oklch(0.92 0.035 264 / 0.04);
+  --color-bg-accent: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-brand: oklch(0.72 0.150 256);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.72 0.150 256) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-input-hover: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-accent-hover: oklch(0.92 0.035 264 / 0.16);
+  --color-bg-sidebar-accent: oklch(0.92 0.035 264 / 0.08);
+  --color-bg-sidebar-accent-hover: oklch(0.92 0.035 264 / 0.12);
+  --color-bg-table: oklch(0.225 0.014 264);
+  --color-bg-table-head: oklch(0.252 0.016 264);
+  --color-bg-table-row-hover: oklch(0.252 0.016 264);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.72 0.150 256) 10%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.72 0.150 256) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.72 0.150 256) 10%, oklch(0.225 0.014 264));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.72 0.150 256) 14%, oklch(0.225 0.014 264));
+  --color-fg-default: oklch(0.98 0.004 264);
+  --color-fg-muted: oklch(0.7025 0.024 264);
+  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.024 264) 70%, transparent);
+  --color-fg-disabled: oklch(0.36 0.022 264);
+  --color-fg-brand: oklch(0.72 0.150 256);
+  --color-border-default: oklch(0.2645 0.016 264);
+  --color-border-subtle: oklch(0.92 0.035 264 / 0.04);
+  --color-border-input: oklch(0.92 0.035 264 / 0.08);
+  --color-border-sidebar: oklch(0.2645 0.016 264);
+  --color-border-brand: oklch(0.72 0.150 256);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.72 0.150 256) 36%, transparent);
+  --color-border-table: oklch(0.2645 0.016 264);
+  --color-ring-brand: color-mix(in oklch, oklch(0.72 0.150 256) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent);
+  --color-overlay-float: oklch(0.92 0.035 264 / 0.08);
+  --color-chart-1: oklch(0.72 0.150 256);
+  --color-chart-grid: oklch(0.92 0.035 264 / 0.12);
+}

package/dist-lib/theme/brand-green.css

@@ -1,110 +1,110 @@
-/**
- * brand-green.css — Auto-gerado. Não editar manualmente.
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
- * Source (repo do DS): tokens/brands/green/semantic/*.ts
- * Regenerar (só no repo do DS): npm run tokens:brand:green
- *
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
- * data-theme="green" no <html>. Sem o atributo nada casa — e não dá erro.
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
- *
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
- * omite o que já é idêntico à default.
- */
-
-/* ── Light (44 vars divergem da default) ─────────────────────────── */
-[data-theme="green"]:not(.dark) {
-  --color-bg-canvas: oklch(0.986 0.005 142);
-  --color-bg-surface: oklch(0.996 0.003 142);
-  --color-bg-surface-elevated: oklch(0.998 0.002 142);
-  --color-bg-surface-panels: oklch(0.986 0.005 142);
-  --color-bg-sidebar: oklch(0.950 0.005 142);
-  --color-bg-subtle: oklch(0.973 0.004 142);
-  --color-bg-muted: oklch(0.973 0.004 142);
-  --color-bg-emphasis: oklch(0.94 0.006 142);
-  --color-bg-input: oklch(0.996 0.003 142);
-  --color-bg-accent: oklch(0.996 0.003 142);
-  --color-bg-brand: oklch(0.58 0.170 142);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.58 0.170 142) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.95 0.010 142);
-  --color-bg-input-hover: oklch(0.973 0.004 142);
-  --color-bg-accent-hover: oklch(0.84 0.022 142);
-  --color-bg-sidebar-accent: oklch(0.999 0.002 142);
-  --color-bg-sidebar-accent-hover: oklch(0.93 0.008 142);
-  --color-bg-table: oklch(0.996 0.003 142);
-  --color-bg-table-head: oklch(0.973 0.004 142);
-  --color-bg-table-row-hover: oklch(0.973 0.004 142);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.58 0.170 142) 6%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.58 0.170 142) 10%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.58 0.170 142) 6%, oklch(1 0 0));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.58 0.170 142) 10%, oklch(1 0 0));
-  --color-fg-strong: oklch(0.15 0.010 142);
-  --color-fg-default: oklch(0.15 0.010 142);
-  --color-fg-muted: oklch(0.4997 0.028 142);
-  --color-fg-subtle: oklch(0.7025 0.022 142);
-  --color-fg-disabled: oklch(0.7025 0.022 142);
-  --color-fg-brand: oklch(0.58 0.170 142);
-  --color-border-default: oklch(0.9076 0.009 142);
-  --color-border-subtle: oklch(0.931 0.007 142);
-  --color-border-input: oklch(0.8761 0.012 142);
-  --color-border-sidebar: oklch(0.9076 0.008 142);
-  --color-border-brand: oklch(0.58 0.170 142);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 36%, transparent);
-  --color-border-table: oklch(0.931 0.007 142);
-  --color-ring-brand: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
-  --color-overlay-float: oklch(0.55 0.05 142 / 0.12);
-  --color-chart-1: oklch(0.62 0.170 142);
-  --color-chart-grid: oklch(0.9076 0.009 142);
-}
-
-/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
-.dark[data-theme="green"] {
-  --color-bg-canvas: oklch(0.205 0.026 142);
-  --color-bg-surface: oklch(0.225 0.030 142);
-  --color-bg-surface-elevated: oklch(0.225 0.030 142);
-  --color-bg-surface-panels: oklch(0.205 0.026 142);
-  --color-bg-sidebar: oklch(0.225 0.030 142);
-  --color-bg-subtle: oklch(0.90 0.08 142 / 0.01);
-  --color-bg-muted: oklch(0.90 0.08 142 / 0.03);
-  --color-bg-emphasis: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-input: oklch(0.90 0.08 142 / 0.04);
-  --color-bg-accent: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-brand: oklch(0.81 0.190 145);
-  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
-  --color-bg-brand-hover: color-mix(in oklch, oklch(0.81 0.190 145) 90%, black);
-  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
-  --color-bg-muted-hover: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-input-hover: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-accent-hover: oklch(0.90 0.08 142 / 0.16);
-  --color-bg-sidebar-accent: oklch(0.90 0.08 142 / 0.08);
-  --color-bg-sidebar-accent-hover: oklch(0.90 0.08 142 / 0.12);
-  --color-bg-table: oklch(0.225 0.030 142);
-  --color-bg-table-head: oklch(0.252 0.034 142);
-  --color-bg-table-row-hover: oklch(0.252 0.034 142);
-  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.81 0.190 145) 10%, transparent);
-  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
-  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.81 0.190 145) 10%, oklch(0.225 0.030 142));
-  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.81 0.190 145) 14%, oklch(0.225 0.030 142));
-  --color-fg-default: oklch(0.98 0.012 142);
-  --color-fg-muted: oklch(0.7025 0.022 142);
-  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.022 142) 70%, transparent);
-  --color-fg-disabled: oklch(0.36 0.036 142);
-  --color-fg-brand: oklch(0.81 0.190 145);
-  --color-border-default: oklch(0.2645 0.026 142);
-  --color-border-subtle: oklch(0.90 0.08 142 / 0.04);
-  --color-border-input: oklch(0.90 0.08 142 / 0.08);
-  --color-border-sidebar: oklch(0.2645 0.026 142);
-  --color-border-brand: oklch(0.81 0.190 145);
-  --color-border-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 36%, transparent);
-  --color-border-table: oklch(0.2645 0.026 142);
-  --color-ring-brand: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
-  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
-  --color-overlay-float: oklch(0.90 0.08 142 / 0.08);
-  --color-chart-1: oklch(0.81 0.190 145);
-  --color-chart-grid: oklch(0.90 0.08 142 / 0.12);
-}
+/**
+ * brand-green.css — Auto-gerado. Não editar manualmente.
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
+ * Source (repo do DS): tokens/brands/green/semantic/*.ts
+ * Regenerar (só no repo do DS): npm run tokens:brand:green
+ *
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
+ * data-theme="green" no <html>. Sem o atributo nada casa — e não dá erro.
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
+ *
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
+ * omite o que já é idêntico à default.
+ */
+
+/* ── Light (44 vars divergem da default) ─────────────────────────── */
+[data-theme="green"]:not(.dark) {
+  --color-bg-canvas: oklch(0.986 0.005 142);
+  --color-bg-surface: oklch(0.996 0.003 142);
+  --color-bg-surface-elevated: oklch(0.998 0.002 142);
+  --color-bg-surface-panels: oklch(0.986 0.005 142);
+  --color-bg-sidebar: oklch(0.950 0.005 142);
+  --color-bg-subtle: oklch(0.973 0.004 142);
+  --color-bg-muted: oklch(0.973 0.004 142);
+  --color-bg-emphasis: oklch(0.94 0.006 142);
+  --color-bg-input: oklch(0.996 0.003 142);
+  --color-bg-accent: oklch(0.996 0.003 142);
+  --color-bg-brand: oklch(0.58 0.170 142);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.58 0.170 142) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.95 0.010 142);
+  --color-bg-input-hover: oklch(0.973 0.004 142);
+  --color-bg-accent-hover: oklch(0.84 0.022 142);
+  --color-bg-sidebar-accent: oklch(0.999 0.002 142);
+  --color-bg-sidebar-accent-hover: oklch(0.93 0.008 142);
+  --color-bg-table: oklch(0.996 0.003 142);
+  --color-bg-table-head: oklch(0.973 0.004 142);
+  --color-bg-table-row-hover: oklch(0.973 0.004 142);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.58 0.170 142) 6%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.58 0.170 142) 10%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.58 0.170 142) 6%, oklch(1 0 0));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.58 0.170 142) 10%, oklch(1 0 0));
+  --color-fg-strong: oklch(0.15 0.010 142);
+  --color-fg-default: oklch(0.15 0.010 142);
+  --color-fg-muted: oklch(0.4997 0.028 142);
+  --color-fg-subtle: oklch(0.7025 0.022 142);
+  --color-fg-disabled: oklch(0.7025 0.022 142);
+  --color-fg-brand: oklch(0.58 0.170 142);
+  --color-border-default: oklch(0.9076 0.009 142);
+  --color-border-subtle: oklch(0.931 0.007 142);
+  --color-border-input: oklch(0.8761 0.012 142);
+  --color-border-sidebar: oklch(0.9076 0.008 142);
+  --color-border-brand: oklch(0.58 0.170 142);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.58 0.170 142) 36%, transparent);
+  --color-border-table: oklch(0.931 0.007 142);
+  --color-ring-brand: color-mix(in oklch, oklch(0.58 0.170 142) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
+  --color-overlay-float: oklch(0.55 0.05 142 / 0.12);
+  --color-chart-1: oklch(0.62 0.170 142);
+  --color-chart-grid: oklch(0.9076 0.009 142);
+}
+
+/* ── Dark (43 vars — .dark[data-theme] vence o .dark base) ────────── */
+.dark[data-theme="green"] {
+  --color-bg-canvas: oklch(0.205 0.026 142);
+  --color-bg-surface: oklch(0.225 0.030 142);
+  --color-bg-surface-elevated: oklch(0.225 0.030 142);
+  --color-bg-surface-panels: oklch(0.205 0.026 142);
+  --color-bg-sidebar: oklch(0.225 0.030 142);
+  --color-bg-subtle: oklch(0.90 0.08 142 / 0.01);
+  --color-bg-muted: oklch(0.90 0.08 142 / 0.03);
+  --color-bg-emphasis: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-input: oklch(0.90 0.08 142 / 0.04);
+  --color-bg-accent: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-brand: oklch(0.81 0.190 145);
+  --color-bg-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
+  --color-bg-brand-hover: color-mix(in oklch, oklch(0.81 0.190 145) 90%, black);
+  --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
+  --color-bg-muted-hover: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-input-hover: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-accent-hover: oklch(0.90 0.08 142 / 0.16);
+  --color-bg-sidebar-accent: oklch(0.90 0.08 142 / 0.08);
+  --color-bg-sidebar-accent-hover: oklch(0.90 0.08 142 / 0.12);
+  --color-bg-table: oklch(0.225 0.030 142);
+  --color-bg-table-head: oklch(0.252 0.034 142);
+  --color-bg-table-row-hover: oklch(0.252 0.034 142);
+  --color-bg-table-row-selected: color-mix(in oklch, oklch(0.81 0.190 145) 10%, transparent);
+  --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.81 0.190 145) 14%, transparent);
+  --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.81 0.190 145) 10%, oklch(0.225 0.030 142));
+  --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.81 0.190 145) 14%, oklch(0.225 0.030 142));
+  --color-fg-default: oklch(0.98 0.012 142);
+  --color-fg-muted: oklch(0.7025 0.022 142);
+  --color-fg-subtle: color-mix(in oklch, oklch(0.7025 0.022 142) 70%, transparent);
+  --color-fg-disabled: oklch(0.36 0.036 142);
+  --color-fg-brand: oklch(0.81 0.190 145);
+  --color-border-default: oklch(0.2645 0.026 142);
+  --color-border-subtle: oklch(0.90 0.08 142 / 0.04);
+  --color-border-input: oklch(0.90 0.08 142 / 0.08);
+  --color-border-sidebar: oklch(0.2645 0.026 142);
+  --color-border-brand: oklch(0.81 0.190 145);
+  --color-border-brand-subtle: color-mix(in oklch, oklch(0.81 0.190 145) 36%, transparent);
+  --color-border-table: oklch(0.2645 0.026 142);
+  --color-ring-brand: color-mix(in oklch, oklch(0.81 0.190 145) 22%, transparent);
+  --color-ring-secondary: color-mix(in oklch, oklch(0.4997 0.028 142) 22%, transparent);
+  --color-overlay-float: oklch(0.90 0.08 142 / 0.08);
+  --color-chart-1: oklch(0.81 0.190 145);
+  --color-chart-grid: oklch(0.90 0.08 142 / 0.12);
+}