/* ========================================================================= SWM DESIGN TOKENS — fonte única de verdade do ecossistema Caminho canônico: SWM-CONTROL/public/assets/css/swm-design-tokens.css Cada app SWM/SWC importa ESTE arquivo antes do seu CSS próprio e remove suas definições locais de :root. Carregar no (anti-flash): Marca aprovada (2026-05-28): gold amber #f59e0b · Syne (títulos) + Inter (UI) ========================================================================= */ :root { /* ── Marca ──────────────────────────────────────────────────────────── */ --gold: #f59e0b; /* amber — cor de identidade primária */ --gold-2: #facc15; /* amarelo — realce/gradiente */ --gold-soft: rgba(245, 158, 11, .12); --gold-line: rgba(245, 158, 11, .30); /* ── Superfícies (tema escuro) — alinhado a swc-modern.css (2026-06-05) */ --bg: #0f1117; --bg-2: #161b27; --panel: #161b27; --panel-2: #1c2333; --sidebar: #0f1117; --sidebar-2: #0a0c12; --line: #252d3d; --line-soft: rgba(255, 255, 255, .06); /* ── Texto ──────────────────────────────────────────────────────────── */ --text: #e8eaf0; --muted: #8892a4; --muted-2: #546073; /* ── Status ─────────────────────────────────────────────────────────── */ --blue: #3b82f6; --green: #10b981; --red: #ef4444; --orange: #f59e0b; --purple: #8b5cf6; --pink: #ec4899; /* ── Tipografia ─────────────────────────────────────────────────────── */ --font-brand: 'Syne', ui-sans-serif, system-ui, -apple-system, sans-serif; --font-ui: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* ── Layout ─────────────────────────────────────────────────────────── */ --sidebar-w: 260px; --radius: 12px; --radius-sm: 8px; /* ── Aliases de compatibilidade (transição) ───────────────────────────── Mantêm apps antigos funcionando enquanto migram para os nomes canônicos. Remover por app conforme cada um adota os tokens base. ──────────────── */ --swm-bg: var(--bg); --swm-bg-2: var(--bg-2); --swm-card: var(--panel); --swm-card-2: var(--panel-2); --swm-sidebar: var(--sidebar); --swm-line: var(--line); --swm-text: var(--text); --swm-muted: var(--muted); --swm-gold: var(--gold); --swm-gold-2: var(--gold-2); --swm-blue: var(--blue); --swm-green: var(--green); --swm-red: var(--red); --swc-bg: var(--bg); --swc-panel: var(--panel); --swc-gold: var(--gold); --swc-text: var(--text); --swc-muted: var(--muted); } /* Base opcional — apps podem aplicar diretamente em html/body */ .swm-tokens-base { background: var(--bg); color: var(--text); font-family: var(--font-ui); }