@import "tailwindcss"; @theme { /* ─── Tipografia WOW ─────────────────────────────────────── */ --font-display: "Fraunces", ui-serif, Georgia, serif; --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; /* ─── Brand ──────────────────────────────────────────────── */ --color-brand: #7D107C; --color-brand-ink: #5A0B59; --color-brand-soft: #F3E3F2; --color-brand-glow: #B641B5; /* ─── Acentos (ilustrações, tags, blobs) ─────────────────── */ --color-butter: #F9D976; --color-peach: #F7B4A6; --color-mint: #B8E3C4; --color-sky: #BFD8F2; /* ─── Neutros light ──────────────────────────────────────── */ --color-page: #F6F1F5; --color-page-2: #EAE0E8; --color-surface: #FFFFFF; --color-surface-2: #FAF6F9; --color-line: #ECDFEA; --color-ink: #18091A; --color-ink-2: #5E4C60; --color-ink-3: #8C7A8E; --color-chip: #F3E3F2; /* ─── Semânticas ─────────────────────────────────────────── */ --color-success: #16A34A; --color-warning: #D97706; --color-error: #DC2626; --color-info: #2563EB; /* ─── Border radius ──────────────────────────────────────── */ --radius-sm: 10px; --radius-md: 14px; --radius-lg: 18px; --radius-xl: 24px; --radius-hero: 28px; --radius-full: 9999px; /* ─── Sombras ────────────────────────────────────────────── */ --shadow-elev1: 0 30px 60px -25px rgba(43, 8, 42, 0.25), 0 8px 24px -8px rgba(43, 8, 42, 0.12); --shadow-elev-brand: 0 12px 28px -10px rgba(125, 16, 124, 0.55); --shadow-elev-pin: 0 8px 14px -4px rgba(125, 16, 124, 0.45); } /* Dark mode ativa via classe `.dark` no */ @custom-variant dark (&:where(.dark, .dark *)); .dark { --color-page: #0B060D; --color-page-2: #130A16; --color-surface: #1A0F1D; --color-surface-2: #221327; --color-line: #2D1A30; --color-ink: #F6ECF6; --color-ink-2: #C9B3CB; --color-ink-3: #8F7792; --color-brand-soft: #2B1030; --color-chip: #2C1530; } @layer base { body { @apply antialiased bg-page text-ink font-sans; font-size: 14px; line-height: 1.55; min-height: 100vh; background: radial-gradient(1200px 600px at 15% -5%, rgba(125, 16, 124, 0.06), transparent 65%), radial-gradient(900px 550px at 95% 15%, rgba(249, 217, 118, 0.08), transparent 65%), var(--color-page); transition: background-color 0.3s ease, color 0.3s ease; } .dark body { background: radial-gradient(1200px 600px at 15% -5%, rgba(125, 16, 124, 0.22), transparent 65%), radial-gradient(900px 550px at 95% 15%, rgba(125, 16, 124, 0.10), transparent 65%), var(--color-page); } /* Utilitários de fonte — acessíveis sem `font-*` Tailwind */ .font-display { font-family: var(--font-display); } .tabular-nums { font-variant-numeric: tabular-nums; } /* Privacy toggle: aplica blur em valores monetários quando .hide-values está no */ .hide-values .money-value { filter: blur(6px); user-select: none; pointer-events: none; } }