/* ============================================================ THEME: NEUROCOS — Cognitive Operation System Paleta: Fuchsia (#d946ef) → Pink (#ec4899) Stack: Next.js + Go + Hono Workers Uso: ============================================================ */ [data-theme="neurocos"] { /* -- Brand Colors --------------------------------------------- */ --brand-primary: #d946ef; --brand-primary-light: #e879f9; --brand-primary-dark: #a21caf; --brand-secondary: #ec4899; --brand-secondary-light: #f9a8d4; --brand-secondary-dark: #be185d; /* -- Gradients ------------------------------------------------ */ --brand-gradient: linear-gradient(135deg, #d946ef, #ec4899); --brand-gradient-hover: linear-gradient(135deg, #e879f9, #f9a8d4); --brand-gradient-subtle: linear-gradient(135deg, rgba(217,70,239,0.1), rgba(236,72,153,0.1)); /* -- Surfaces (dark tech com profundidade) -------------------- */ --bg-primary: #0a0a0f; --bg-secondary: #151520; --bg-tertiary: #1f1f2e; --bg-card: #151520; --bg-elevated: #1f1f2e; --bg-inverse: #ffffff; /* -- Text ----------------------------------------------------- */ --text-primary: #fafafa; --text-secondary: #a1a1b0; --text-tertiary: #52525b; --text-inverse: #0a0a0f; --text-link: #d946ef; --text-link-hover: #e879f9; /* -- Borders -------------------------------------------------- */ --border-primary: #1f1f2e; --border-secondary: #151520; --border-focus: #d946ef; --border-brand: rgba(217,70,239,0.3); /* -- Buttons -------------------------------------------------- */ --btn-primary-bg: linear-gradient(135deg, #d946ef, #ec4899); --btn-primary-text: #ffffff; --btn-primary-hover: linear-gradient(135deg, #e879f9, #f9a8d4); --btn-secondary-bg: transparent; --btn-secondary-border: #d946ef; --btn-secondary-text: #d946ef; --btn-secondary-hover: rgba(217,70,239,0.15); --btn-ghost-hover: rgba(255,255,255,0.08); /* -- Navbar --------------------------------------------------- */ --navbar-bg: rgba(10,10,15,0.9); --navbar-blur: 16px; --navbar-border: rgba(255,255,255,0.05); --navbar-text: #fafafa; --navbar-text-hover: #d946ef; --navbar-active: #d946ef; /* -- Sidebar -------------------------------------------------- */ --sidebar-bg: #151520; --sidebar-border: #1f1f2e; --sidebar-text: #a1a1b0; --sidebar-text-hover: #fafafa; --sidebar-active-bg: rgba(217,70,239,0.15); --sidebar-active-text: #d946ef; --sidebar-width: 280px; /* -- Cards ---------------------------------------------------- */ --card-bg: #151520; --card-border: #1f1f2e; --card-shadow: 0 1px 3px rgba(0,0,0,0.3); --card-hover-shadow: 0 10px 15px -3px rgba(0,0,0,0.4); /* -- Status Colors -------------------------------------------- */ --status-success: #10b981; --status-warning: #f59e0b; --status-error: #ef4444; --status-info: #d946ef; /* -- Focus & Selection ---------------------------------------- */ --focus-ring: 0 0 0 2px rgba(217,70,239,0.4); --selection-bg: rgba(217,70,239,0.3); /* -- Scrollbar ------------------------------------------------ */ --scrollbar-thumb: #3f3f46; --scrollbar-track: #151520; /* -- Skeleton Loading ----------------------------------------- */ --skeleton-base: #1f1f2e; --skeleton-shine: #3f3f46; /* -- Shadows -------------------------------------------------- */ --shadow-sm-brand: 0 1px 3px rgba(217,70,239,0.2); --shadow-md-brand: 0 4px 6px -1px rgba(217,70,239,0.3); --shadow-lg-brand: 0 10px 15px -3px rgba(217,70,239,0.35); /* -- Chip/Badge ----------------------------------------------- */ --chip-bg: rgba(217,70,239,0.15); --chip-text: #e879f9; --chip-border: rgba(217,70,239,0.25); /* -- App/Module específico ------------------------------------ */ --app-card-bg: rgba(236,72,153,0.08); --app-card-text: #f9a8d4; --app-card-border: rgba(236,72,153,0.2); }