/* =================================================================== KRENDE — "AUTOMATION CONTROL DECK" · design tokens dùng chung Link file này vào mọi trang muốn áp theme (cùng 1 bảng màu duy nhất). Fonts cần kèm Google Fonts trong : Bricolage Grotesque · JetBrains Mono · Outfit =================================================================== */ :root { /* nền & bề mặt */ --mk-bg: #090b0f; --mk-bg-2: #0d1015; --mk-surface: #12151c; --mk-surface-2: #171b24; --mk-elevated: #1b2029; /* đường kẻ */ --mk-line: rgba(132, 148, 170, 0.14); --mk-line-strong: rgba(132, 148, 170, 0.30); /* chữ */ --mk-text: #e9eef4; --mk-muted: #93a0b2; --mk-faint: #5e6b7d; /* điểm nhấn */ --mk-lime: #c6f74e; --mk-lime-d: #9fd313; --mk-cyan: #4fe6ff; --mk-amber: #ffce4f; --mk-rose: #ff5d72; --mk-glow-lime: rgba(198, 247, 78, 0.22); --mk-glow-cyan: rgba(79, 230, 255, 0.18); /* chữ tối trên nền lime */ --mk-on-lime: #0a0f04; /* fonts */ --font-display: "Bricolage Grotesque", "Outfit", system-ui, sans-serif; --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace; --font-body: "Outfit", system-ui, sans-serif; /* hình học & chuyển động */ --mk-radius: 0; --mk-radius-lg: 0; --mk-ease: cubic-bezier(0.22, 1, 0.36, 1); } .deck-theme { color: var(--mk-text); font-family: var(--font-body); } .deck-theme ::selection { background: var(--mk-lime); color: var(--mk-on-lime); } @keyframes mkUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes mkShimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }