@snksergio/design-system 0.39.0 → 0.40.0

package/dist-lib/src/components/shadcn/input-otp.d.ts

@@ -1,40 +1,90 @@
+import { OTPInput } from 'input-otp';
 import * as React from "react";
 /**
- * InputOTP — entrada de código (OTP/2FA), tokenizado iGreen. Slots usam
- * `size-form-lg`, `border-border-default`, foco `ring-4 ring-ring-brand`.
- * Componha: InputOTP > InputOTPGroup > InputOTPSlot (+ InputOTPSeparator).
+ * InputOTP — entrada de código (OTP/2FA), tokenizado iGreen.
+ *
+ * ## Irmão do `Input` de texto, por decisão (2026-08-18)
+ *
+ * O slot usa a MESMA superfície do `input.tsx`: `bg-bg-input dark:bg-bg-muted`,
+ * `border-border-input`, e foco por **borda verde + `shadow-sh-ring`** — não por
+ * `ring-4`. Os `size` e `state` são os mesmos 4 de cada, com os mesmos tokens
+ * `form-*`, então um OTP e um campo de texto lado a lado têm altura idêntica.
+ *
+ *   size   xxs = 28px (form-xs) · xs = 32px (form-sm) · sm = 36px (form-md) · md = 40px (form-lg)
+ *   state  default · error · warning · success   (mesmos tokens do Input)
+ *
+ * Antes disto o slot era `size-form-lg` cravado, sem bg, com `border-border-default`
+ * e `ring-4 ring-ring-brand` no ativo — um campo de formulário que não parecia
+ * com nenhum outro campo de formulário do DS.
+ *
+ * ## Variantes visuais
+ *
+ *   connected  slots colados, radius só nas pontas (DEFAULT — o look histórico)
+ *   outlined   slots separados, borda e radius completos em cada
+ *   filled     como outlined, com fundo e borda transparente
+ *   underline  só a borda de baixo, sem fundo nem radius
+ *
+ * ## Por que `size`/`variant`/`state` vão por CONTEXTO e não por prop de slot
+ *
+ * O consumidor declara uma vez no root e os N slots herdam:
+ *
+ *     <InputOTP maxLength={6} size="sm" variant="outlined" state="error">
+ *
+ * A alternativa — repetir a prop em cada `<InputOTPSlot>` — erra silenciosamente
+ * quando um slot fica de fora (fica de tamanho diferente no meio da fileira). O
+ * `InputOTPGroup` também lê o contexto, porque `gap` e radius das pontas mudam
+ * com a variante e são propriedade do GRUPO, não do slot.
+ *
+ * ⚠️ Não copie a receita do shadcn-studio (`className` no grupo com
+ * `*:data-[slot=input-otp-slot]:rounded-lg`): ela usa Tailwind literal e
+ * vocabulário da bridge (`bg-muted`), que não emitem CSS nos canais npm e
+ * submódulo (L-039). Aqui a mesma capacidade vem por variante tokenizada.
+ *
+ * Composição: InputOTP > InputOTPGroup > InputOTPSlot (+ InputOTPSeparator).
  */
-declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string;
-    onChange?: (newValue: string) => unknown;
-    maxLength: number;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-} & {
-    render: (props: import('input-otp').RenderProps) => React.ReactNode;
-    children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
-    value?: string;
-    onChange?: (newValue: string) => unknown;
-    maxLength: number;
-    textAlign?: "left" | "center" | "right";
-    onComplete?: (...args: any[]) => unknown;
-    pushPasswordManagerStrategy?: "increase-width" | "none";
-    pasteTransformer?: (pasted: string) => string;
-    containerClassName?: string;
-    noScriptCSSFallback?: string | null;
-} & {
-    render?: never;
-    children: React.ReactNode;
-} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+export type InputOTPVariant = "connected" | "outlined" | "filled" | "underline";
+export type InputOTPSize = "xxs" | "xs" | "sm" | "md";
+export type InputOTPState = "default" | "error" | "warning" | "success";
+declare const slotVariants: (props?: ({
+    size?: "md" | "xs" | "sm" | "xxs" | null | undefined;
+    variant?: "filled" | "underline" | "connected" | "outlined" | null | undefined;
+    state?: "success" | "warning" | "default" | "error" | null | undefined;
+    active?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * `Omit` que **distribui** sobre união. As props do `OTPInput` são uma união
+ * discriminada (`render` XOR `children`), e `Omit<A | B, K>` colapsa a união num
+ * objeto só — o discriminante se perde e o TS rejeita tanto `children` quanto
+ * `render` (TS2322, "Type 'InputOTPRenderFn' is not assignable to 'undefined'").
+ * Com `T extends any ? … : never` o Omit roda em cada membro e a união sobrevive.
+ */
+type DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;
+/**
+ * Tipo, não `interface`: `interface extends` também colapsa a união acima.
+ *
+ * O `size` nativo do `<input>` (numérico) é omitido pra ceder o nome à nossa
+ * variante — é a mesma decisão do `input.tsx`, que faz
+ * `Omit<InputHTMLAttributes, "size">`. Sem isso: TS2430, e a mensagem não aponta
+ * a causa.
+ */
+export type InputOTPProps = DistributiveOmit<React.ComponentPropsWithoutRef<typeof OTPInput>, "size"> & {
+    /** Aparência dos slots. `connected` (default) = o look histórico do DS. */
+    variant?: InputOTPVariant;
+    /** Altura do slot, nos MESMOS tokens `form-*` do `Input`: 28/32/36/40px. */
+    size?: InputOTPSize;
+    /** Feedback de validação — mesmos pares de cor do `Input`. */
+    state?: InputOTPState;
+};
+declare const InputOTP: React.ForwardRefExoticComponent<InputOTPProps & React.RefAttributes<HTMLInputElement>>;
 declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const InputOTPSlot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+export interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<"div"> {
     index: number;
-} & React.RefAttributes<HTMLDivElement>>;
+    /** Override pontual. Em geral declare no `<InputOTP>` e deixe herdar. */
+    variant?: InputOTPVariant;
+    size?: InputOTPSize;
+    state?: InputOTPState;
+}
+declare const InputOTPSlot: React.ForwardRefExoticComponent<InputOTPSlotProps & React.RefAttributes<HTMLDivElement>>;
 declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, slotVariants };
 //# sourceMappingURL=input-otp.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/input-otp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B;;;;GAIG;AACH,QAAA,MAAM,QAAQ;;;;;kBAGmB,GAAG;;;;;;;;;;;;;kBAAH,GAAG;;;;;;;;2FAUlC,CAAA;AAGF,QAAA,MAAM,aAAa,mKAKjB,CAAA;AAGF,QAAA,MAAM,YAAY;WAEiC,MAAM;wCAuBvD,CAAA;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/shadcn/input-otp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAMtD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAEH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,WAAW,CAAC;AAChF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACtD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAoBxE,QAAA,MAAM,YAAY;;;;;8EAwDjB,CAAC;AA8BF;;;;;;GAMG;AACH,KAAK,gBAAgB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,KAAK,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAEzF;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAC1C,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,EAC/C,MAAM,CACP,GAAG;IACF,2EAA2E;IAC3E,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,QAAQ,wFA4Bb,CAAC;AAGF,QAAA,MAAM,aAAa,mKAQjB,CAAC;AAGH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,0FA+BjB,CAAC;AAGF,QAAA,MAAM,iBAAiB,mKAOrB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist-lib/src/components/ui/Chart/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chart/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAG9C;;;;;;;;;;;;;;GAcG;AAEH,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAChE;CACF,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,CAAC;AAGjD,iBAAS,QAAQ,sBAMhB;AAED,QAAA,MAAM,cAAc;YAGR,WAAW;cACT,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC;gDAoCf,CAAC;AAGH,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDA6BtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,mBAAmB;aAGZ,OAAO;cACN,kBAAkB,EAAE;YACtB,KAAK,CAAC,SAAS;gBACX,OAAO;oBACH,OAAO;gBACX,MAAM,GAAG,KAAK,GAAG,QAAQ;cAC3B,MAAM;eACL,MAAM;qBACA,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,KAAK,CAAC,SAAS;gBACvE,CACV,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,OAAO,KACb,KAAK,CAAC,SAAS;gDA8HvB,CAAC;AAGF,QAAA,MAAM,WAAW,sGAA2B,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,kBAAkB;cAGV,iBAAiB,EAAE;oBACb,KAAK,GAAG,QAAQ;eACrB,OAAO;cACR,MAAM;gDAqClB,CAAC;AA6BH,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACT,CAAC"}
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/Chart/chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAG9C;;;;;;;;;;;;;;GAcG;AAEH,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAChE;CACF,CAAC;AAEF,KAAK,iBAAiB,GAAG;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,CAAC;AAGjD,iBAAS,QAAQ,sBAMhB;AAED,QAAA,MAAM,cAAc;YAGR,WAAW;cACT,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC;gDAoCf,CAAC;AAkBH,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDAiCtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,KAAK,kBAAkB,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,mBAAmB;aAGZ,OAAO;cACN,kBAAkB,EAAE;YACtB,KAAK,CAAC,SAAS;gBACX,OAAO;oBACH,OAAO;gBACX,MAAM,GAAG,KAAK,GAAG,QAAQ;cAC3B,MAAM;eACL,MAAM;qBACA,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,KAAK,CAAC,SAAS;gBACvE,CACV,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,OAAO,KACb,KAAK,CAAC,SAAS;gDA8HvB,CAAC;AAGF,QAAA,MAAM,WAAW,sGAA2B,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,QAAA,MAAM,kBAAkB;cAGV,iBAAiB,EAAE;oBACb,KAAK,GAAG,QAAQ;eACrB,OAAO;cACR,MAAM;gDAqClB,CAAC;AA6BH,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,QAAQ,GACT,CAAC"}

package/dist-lib/src/components/ui/MarkdownText/markdown-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/markdown-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAmI/D;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAc,EACd,SAAS,GACV,EAAE,iBAAiB,2CAanB"}
+{"version":3,"file":"markdown-text.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/MarkdownText/markdown-text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAwM/D;;;;;;;;;;GAUG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,MAAc,EACd,SAAS,GACV,EAAE,iBAAiB,2CAanB"}

package/dist-lib/src/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAoH7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAsH7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

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);
+}