/* Software desenvolvido por Henrique Uebel, registro no INPI - BR512025004300-7. Licenciado para uso exclusivo da Addaxis Sistemas Ltda, CNPJ: 63.078.814/0001-69. */ /* ============================================================================ TOKENS DE DESIGN — Portal Addaxis AI ============================================================================ Port fiel de Sistema_Legado/src/app/globals.css. Os valores HSL abaixo são EXATAMENTE os do legado. No legado havia dois blocos (:root e .dark) com valores idênticos, exceto --destructive. Ou seja: o produto sempre foi dark-only. Mantido assim — não existe alternância de tema na UI. Formato: cada token guarda os três componentes HSL sem a função hsl(), para permitir opacidade composta, do mesmo jeito que o Tailwind fazia: background: hsl(var(--primary) / 0.9) ============================================================================ */ :root { /* ── Superfícies ───────────────────────────────────────────────────── */ --background: 220 10% 5%; /* Azul-acinzentado bem escuro */ --foreground: 210 20% 98%; /* Quase branco */ --card: 220 10% 10%; /* Cinza mais escuro dos cards */ --card-foreground: 210 20% 98%; --popover: 220 10% 10%; --popover-foreground: 210 20% 98%; /* ── Cores de marca ───────────────────────────────────────────────── */ --primary: 210 90% 50%; /* Azul elétrico vibrante */ --primary-foreground: 210 20% 98%; --secondary: 220 10% 20%; /* Cinza escuro médio */ --secondary-foreground: 210 20% 98%; --muted: 220 10% 30%; /* Cinza escuro mais claro */ --muted-foreground: 210 10% 60%; --accent: 210 90% 50%; /* Igual ao primary, por consistência */ --accent-foreground: 210 20% 98%; /* No legado o :root usa 0 84.2% 60.2% e o .dark usa 0 62.8% 30.6%. Como o app renderiza sempre em modo escuro, o valor do .dark é o que efetivamente aparecia — porém a classe .dark nunca era aplicada ao , então o que valia de fato era o :root. Mantido o do :root. */ --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; /* ── Bordas e foco ────────────────────────────────────────────────── */ --border: 220 10% 25%; --input: 220 10% 25%; --ring: 210 90% 50%; /* ── Gráficos ─────────────────────────────────────────────────────── */ --chart-1: 210 90% 50%; /* Azul */ --chart-2: 240 60% 60%; /* Roxo */ --chart-3: 160 70% 50%; /* Verde-água */ --chart-4: 40 80% 60%; /* Laranja */ --chart-5: 300 70% 60%; /* Magenta */ /* ── Barra lateral ────────────────────────────────────────────────── */ --sidebar-background: 220 10% 8%; --sidebar-foreground: 210 20% 90%; --sidebar-primary: 210 90% 50%; --sidebar-primary-foreground: 210 20% 98%; --sidebar-accent: 220 10% 15%; --sidebar-accent-foreground: 210 20% 90%; --sidebar-border: 220 10% 20%; --sidebar-ring: 210 90% 50%; /* ── Estados semânticos ─────────────────────────────────────────────── Não existiam como token no legado: as telas usavam classes utilitárias diretas do Tailwind (text-green-500, bg-yellow-500/10, ...). Promovidos a token aqui para que "aprovado", "pendente" e "rejeitado" tenham a mesma cor em todas as telas. Os valores são os equivalentes da paleta padrão do Tailwind usados no legado. */ --success: 142 71% 45%; /* green-500 — badge variant "success" */ --success-foreground: 0 0% 100%; /* text-white, como no legado */ --warning: 45 93% 47%; /* yellow-500 — badge variant "warning" */ --warning-foreground: 0 0% 100%; --info: 199 89% 48%; /* sky-500 */ --info-foreground: 0 0% 100%; /* ── Geometria ────────────────────────────────────────────────────── */ --radius: 0.5rem; --radius-lg: var(--radius); --radius-md: calc(var(--radius) - 2px); --radius-sm: calc(var(--radius) - 4px); /* ── Tipografia ───────────────────────────────────────────────────── */ --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; /* ── Sombras ──────────────────────────────────────────────────────── */ --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.35); --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.4), 0 1px 2px -1px rgb(0 0 0 / 0.4); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.45), 0 2px 4px -2px rgb(0 0 0 / 0.45); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.5), 0 4px 6px -4px rgb(0 0 0 / 0.5); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.55), 0 8px 10px -6px rgb(0 0 0 / 0.55); /* ── Camadas (z-index) ──────────────────────────────────────────────── Centralizado para evitar a guerra de z-index: modal sempre acima de dropdown, toast sempre acima de tudo. */ --z-dropdown: 50; --z-sticky: 100; --z-overlay: 200; --z-dialog: 210; --z-toast: 300; } /* ── Fontes auto-hospedadas ─────────────────────────────────────────────── Copiadas de Sistema_Legado/src/app/fonts/. Auto-hospedar é intencional: o legado já fazia isso para o build não depender de fonts.gstatic.com. */ @font-face { font-family: "Inter"; src: url("../fonts/Inter.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "JetBrains Mono"; src: url("../fonts/JetBrainsMono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }