/* * Design System Sancruza v2.0 — tokens canônicos * Servido por https://coresancruza.lovable.app/api/public/design-tokens.css * NÃO redefina estas variáveis no satélite — apenas @import deste arquivo. */ :root { --radius: 0.375rem; --background: oklch(0.975 0.005 240); --foreground: oklch(0.25 0.04 255); --surface: oklch(1 0 0); --surface-foreground: oklch(0.25 0.04 255); --card: oklch(1 0 0); --card-foreground: oklch(0.25 0.04 255); --popover: oklch(1 0 0); --popover-foreground: oklch(0.25 0.04 255); /* Azul corporativo Sancruza */ --primary: oklch(0.45 0.18 258); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.95 0.02 250); --secondary-foreground: oklch(0.30 0.10 258); --muted: oklch(0.96 0.008 250); --muted-foreground: oklch(0.52 0.03 255); --accent: oklch(0.93 0.04 250); --accent-foreground: oklch(0.30 0.10 258); /* Vermelho Sancruza #E30613 — marca + destructive */ --destructive: oklch(0.55 0.22 27); --destructive-foreground: oklch(1 0 0); --brand-red: oklch(0.55 0.22 27); --brand-red-foreground: oklch(1 0 0); --success: oklch(0.55 0.13 158); --success-foreground: oklch(1 0 0); --warning: oklch(0.71 0.16 55); --warning-foreground: oklch(1 0 0); --info: oklch(0.55 0.14 230); --info-foreground: oklch(1 0 0); --border: oklch(0.91 0.01 250); --input: oklch(0.91 0.01 250); --ring: oklch(0.45 0.18 258); --chart-1: oklch(0.45 0.18 258); --chart-2: oklch(0.60 0.14 250); --chart-3: oklch(0.55 0.22 27); --chart-4: oklch(0.71 0.16 55); --chart-5: oklch(0.52 0.03 255); /* * Tokens de CATEGORIA — agrupamento visual neutro * (gênero, tipo, segmento, linha, divisão, status de funil). * NUNCA use --destructive/--warning/--brand-red como categoria. */ --category-1: oklch(0.45 0.18 258); /* azul Sancruza (primary) */ --category-1-foreground: oklch(1 0 0); --category-2: oklch(0.55 0.09 50); /* terracota suave */ --category-2-foreground: oklch(1 0 0); --category-3: oklch(0.50 0.10 200); /* teal acinzentado */ --category-3-foreground: oklch(1 0 0); --category-4: oklch(0.48 0.10 300); /* violeta sóbrio */ --category-4-foreground: oklch(1 0 0); --category-5: oklch(0.55 0.08 158); /* verde mineral */ --category-5-foreground: oklch(1 0 0); --category-6: oklch(0.55 0.07 80); /* âmbar mineral */ --category-6-foreground: oklch(1 0 0); /* Sidebar — navy Sancruza */ --sidebar: oklch(0.22 0.06 260); --sidebar-foreground: oklch(0.92 0.01 250); --sidebar-primary: oklch(0.60 0.18 250); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.30 0.08 258); --sidebar-accent-foreground: oklch(0.95 0.01 250); --sidebar-border: oklch(0.28 0.06 258); --sidebar-ring: oklch(0.60 0.18 250); --font-sans: "Fira Sans", ui-sans-serif, system-ui, sans-serif; --font-display: "DM Serif Display", ui-serif, Georgia, serif; } /* * Tipografia: as fontes oficiais (DM Serif Display + Fira Sans) DEVEM ser * carregadas via no do satélite (root route * do TanStack ou index.html do Vite-SPA). NÃO use @import de URL em * styles.css — o Lightning CSS do Tailwind v4 quebra. Veja prompt-design * seção 1.1. */ html, body { font-family: var(--font-sans); -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-display); font-weight: 400; letter-spacing: -0.015em; line-height: 1.1; } /* * Tailwind v4: registre as variáveis no @theme inline do satélite para virarem * utilities (bg-primary, text-muted-foreground, bg-brand-red, bg-category-N). * Tokens carregados em runtime NÃO viram utilities automaticamente. */