/* ============================================= NUCLEUS Theme — CSS Variables + utilitários ============================================= */ :root { /* Cores base dark mode */ --bg-primary: #0F172A; /* slate-900 */ --bg-surface: #1E293B; /* slate-800 */ --bg-elevated: #334155; /* slate-700 */ --border: #334155; /* slate-700 */ --border-subtle: #475569; /* slate-600 */ --text-primary: #F1F5F9; /* slate-100 */ --text-secondary: #CBD5E1; /* slate-300 */ --text-muted: #94A3B8; /* slate-400 */ --text-disabled: #64748B; /* slate-500 */ /* Cor da app (definida dinamicamente no ) */ --app-color: #10B981; --app-color-dark: #059669; --app-color-light: #D1FAE5; /* Semânticas */ --success: #34D399; --warning: #FBBF24; --danger: #F87171; --info: #60A5FA; /* Bordas arredondadas */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 18px; /* Sombras */ --shadow-sm: 0 1px 3px rgba(0,0,0,.3); --shadow-md: 0 4px 12px rgba(0,0,0,.4); --shadow-lg: 0 10px 30px rgba(0,0,0,.5); /* Transições */ --ease: cubic-bezier(.4, 0, .2, 1); } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: var(--bg-primary); color: var(--text-primary); } /* Scrollbar custom */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: var(--bg-primary); } ::-webkit-scrollbar-thumb { background: var(--bg-elevated); border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: var(--border-subtle); } /* Selection */ ::selection { background-color: var(--app-color); color: white; } /* Focus ring custom */ *:focus-visible { outline: 2px solid var(--app-color); outline-offset: 2px; } /* Alpine cloak */ [x-cloak] { display: none !important; } /* Utilitários */ .app-gradient { background: linear-gradient(135deg, var(--app-color) 0%, var(--app-color-dark) 100%); } .text-app { color: var(--app-color); } .bg-app { background-color: var(--app-color); } .bg-app-soft { background-color: rgba(16, 185, 129, 0.1); } .border-app { border-color: var(--app-color); } /* Animations */ @keyframes fade-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fade-in 0.3s var(--ease); } @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); } 50% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); } } .animate-pulse-glow { animation: pulse-glow 2s infinite; } /* Text truncate multi-line */ .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* Mobile safe area (iOS notch) */ @supports(padding: env(safe-area-inset-bottom)) { .safe-bottom { padding-bottom: env(safe-area-inset-bottom); } } /* Print */ @media print { .no-print { display: none !important; } }