/* ============================================================================ NOMURA · DESIGN SYSTEM — tokens canônicos (fonte da verdade) ---------------------------------------------------------------------------- Um único conjunto de tokens compartilhado pelos 3 produtos da família: • nomura-bi (dashboard — frontend/style.css linka nomura-tokens.css) • Coletor de Fotos (CSS embutido no .py → bloco :root inline, manter em sincronia) • Catalogador (CSS embutido no .py → bloco :root inline, manter em sincronia) Os tools são distribuídos como .py único, então o bloco :root é COPIADO para dentro de cada um. Ao mudar um token aqui, replique nos 3 lugares. Base alinhada ao Manual da Marca Grupo Nomura: tema ESCURO grafite (#323233), acentos amarelo/laranja, dados em azul/ciano; display em Monument Extended. ============================================================================ */ /* Monument Extended é comercial e NÃO está embutida. Enquanto não houver licença webfont, o stack cai para 'Outfit' (já carregada) sem regressão visual. Quando tiver os arquivos, descomente e aponte os caminhos: */ /* @font-face{ font-family:'Monument Extended'; font-weight:800; font-display:swap; src:url('/fonts/MonumentExtended-Ultrabold.woff2') format('woff2'); } */ :root{ /* ── Acentos da marca ───────────────────────────────────────────── */ --nm-yellow:#FFD600; /* destaque/KPI — usar SEMPRE com texto preto */ --nm-orange:#FF7B00; /* energia / acento de navegação */ --nm-orange-deep:#FF5100; /* erro / destrutivo / hover do laranja */ /* ── Dados / tecnologia ─────────────────────────────────────────── */ --nm-cyan:#33CCFF; --nm-blue:#3399FF; --nm-blue-deep:#0066FF; /* ── Status ─────────────────────────────────────────────────────── */ --nm-success:#2ED47A; --nm-warn:#FFB700; --nm-danger:#FF5160; /* ── Superfícies grafite (tema escuro) ──────────────────────────── */ --nm-bg:#1b1c1d; /* fundo do app (mais fundo) */ --nm-surface:#26282a; /* cards / painéis */ --nm-surface-2:#323233; /* grafite-assinatura — elevado / hover */ --nm-glass:rgba(38,40,42,0.72); --nm-glass-2:rgba(50,50,51,0.45); --nm-border:rgba(255,255,255,0.09); --nm-border-strong:rgba(255,255,255,0.16); --nm-border-solid:#3a3b3c; /* divisória sólida (quando precisa de fill) */ --nm-input:rgba(27,28,29,0.55); /* superfície de campos/displays (inputs, chips) */ --nm-ghost:rgba(255,255,255,0.05);/* fill sutil de botões ghost no header */ /* ── Texto ──────────────────────────────────────────────────────── */ --nm-text:#F2F5F5; --nm-text-dim:#98A0AD; --nm-text-faint:#5F6773; /* ── Tipografia ─────────────────────────────────────────────────── */ --nm-font-display:'Monument Extended','Outfit','Arial Black',system-ui,sans-serif; --nm-font-body:'Montserrat','Outfit',system-ui,sans-serif; /* ── Raio / sombra / assinatura ─────────────────────────────────── */ --nm-radius-sm:8px; --nm-radius:14px; --nm-radius-lg:18px; --nm-shadow:0 18px 50px rgba(0,0,0,0.45); --nm-shadow-hover:0 26px 64px rgba(0,0,0,0.52); --nm-accent-grad:linear-gradient(135deg,var(--nm-yellow),var(--nm-orange) 55%,var(--nm-orange-deep)); --nm-bolt:24deg; /* ângulo-assinatura do N-raio */ } /* ── TEMA CLARO ────────────────────────────────────────────────────────────── Padrão dos produtos é LIGHT (igual ao nomura-bi): definir data-theme="light" no e persistir em localStorage('nomura_theme'). Sobrescreve só os tokens que mudam — tudo que referencia --nm-* cascateia automaticamente. */ html[data-theme="light"]{ /* superfícies MAIS CLARAS que o bg (elevação no mesmo sentido do dark) */ --nm-bg:#e9edf1; --nm-surface:#ffffff; --nm-surface-2:#ffffff; /* mesmas opacidades do dark, em branco (trail passa igual) */ --nm-glass:rgba(255,255,255,0.72); --nm-glass-2:rgba(255,255,255,0.45); --nm-border:rgba(20,24,32,0.10); --nm-border-strong:rgba(20,24,32,0.18); --nm-border-solid:#d4d8dd; --nm-input:rgba(255,255,255,0.55); --nm-ghost:rgba(20,24,32,0.05); --nm-text:#1d2127; --nm-text-dim:#5a6470; --nm-text-faint:#97a0ab; --nm-shadow:0 18px 44px rgba(40,50,70,0.16); --nm-shadow-hover:0 22px 50px rgba(40,50,70,0.22); }