/* notarioflow — design tokens Importe este arquivo no seu projeto e use as variáveis var(--nf-*). */ :root { /* ----- marca ----- */ --nf-ink: #1D1B2C; /* Tinta — texto principal, fundos escuros */ --nf-accent: #5246E6; /* Fluxo — IA, ações primárias, links */ --nf-accent-soft: #ECEBFB; /* realce de IA (fundos) */ --nf-accent-line: #C9C5F6; /* bordas de elementos de IA */ --nf-gold: #C28B2C; /* Selo — oficial, carimbo, fé pública */ --nf-gold-soft: #F6ECD6; /* ----- neutros ----- */ --nf-paper: #F6F4EF; /* fundo da aplicação */ --nf-surface: #FFFFFF; /* cartões, painéis */ --nf-mist: #ECEAE3; /* fundos sutis, colunas */ --nf-line: #DAD7CE; /* divisórias, bordas */ --nf-muted: #6B6878; /* texto secundário */ /* ----- escala neutra ----- */ --nf-50: #F6F4EF; --nf-100: #ECEAE3; --nf-200: #DAD7CE; --nf-300: #BDB9AD; --nf-400: #928E85; --nf-500: #6B6878; --nf-600: #4A4858; --nf-700: #302E40; --nf-900: #1D1B2C; /* ----- semânticos ----- */ --nf-ok: #2F9E6B; /* sucesso, concluído */ --nf-warn: #D9952A; /* aviso, prazo */ --nf-err: #D4503E; /* erro, vencido */ /* ----- tipografia ----- */ --nf-font-display: "Schibsted Grotesk", system-ui, sans-serif; /* wordmark, títulos */ --nf-font-sans: "IBM Plex Sans", system-ui, sans-serif; /* UI, corpo */ --nf-font-mono: "IBM Plex Mono", ui-monospace, monospace; /* protocolo, selo, CPF */ /* ----- forma & elevação ----- */ --nf-radius: 16px; --nf-radius-sm: 10px; --nf-radius-xs: 8px; --nf-shadow: 0 1px 2px rgba(29,27,44,.05), 0 6px 16px rgba(29,27,44,.06); } /* ----- tema escuro ----- aplique data-theme="dark" no (ou no elemento raiz que preferir). */ [data-theme="dark"] { --nf-paper: #14131C; --nf-surface: #1E1D29; --nf-mist: #26252F; --nf-line: #322F3D; --nf-ink: #F1F0F6; --nf-muted: #A4A1B3; --nf-accent-soft: #272461; --nf-accent-line: #3F3A7A; --nf-gold-soft: #3A2F1A; --nf-shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 22px rgba(0,0,0,.35); }