/* Sistema visual reutilizable KACHAI: profundidad azul, nodos y tipografía geométrica. */
:root {
  --color-background: #050505;
  --color-surface: #101010;
  --color-surface-raised: #191919;
  --color-text-primary: #f5f5f5;
  --color-text-secondary: #b7b7b7;
  --color-brand-electric: #e5e5e5;
  --color-brand-cyan: #ffffff;
  --color-brand-indigo: #c7c7c7;
  --color-brand-violet: #a3a3a3;
  --color-focus: #d7d7d7;
  --brand-gradient: linear-gradient(110deg, var(--color-brand-cyan), var(--color-brand-electric) 48%, var(--color-brand-violet));
}

body { background: var(--color-background); color: var(--color-text-primary); letter-spacing:.005em; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; background:radial-gradient(ellipse 52% 42% at 50% 0,rgba(255,255,255,.045),transparent 66%); }
.grad-text { background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; }

.kachai-brand { display:inline-flex; align-items:center; gap:10px; color:var(--color-text-primary); min-width:0; }
.kachai-brand__mark { width:38px; height:auto; aspect-ratio:3 / 2; object-fit:contain; flex:0 0 auto; display:block; mix-blend-mode:screen; filter:grayscale(1) contrast(1.15) brightness(1.55); }
.kachai-brand__word,.kachai-wordmark { font-family:'Avenir Next','Geist','Segoe UI',system-ui,sans-serif; font-weight:300; font-size:14px; letter-spacing:.16em; white-space:nowrap; line-height:1; color:#f8fbff; text-shadow:0 1px 0 rgba(255,255,255,.34),0 3px 14px rgba(0,0,0,.45); }
.kachai-brand__word .node,.kachai-wordmark .node { display:inline-block; width:.12em; height:.12em; margin:0 .14em; overflow:hidden; border-radius:50%; background:currentColor; color:#d7d7d7; font-size:1em; line-height:1; text-indent:-999em; vertical-align:.06em; text-shadow:none; }
.kachai-brand__word .node--violet,.kachai-wordmark .node--violet { color:#aaa; text-shadow:none; }
.kachai-brand__word .ai,.kachai-wordmark .ai { font-style:normal; background:var(--brand-gradient); -webkit-background-clip:text; background-clip:text; color:transparent; text-shadow:none; margin-left:.025em; }
.kachai-brand--compact .kachai-brand__mark { width:32px; height:auto; }
.kachai-brand--compact .kachai-brand__word { font-size:12px; }

:where(a, button, input, textarea, select, summary):focus-visible { outline:3px solid var(--color-focus); outline-offset:3px; box-shadow:0 0 0 6px rgba(255,255,255,.12); }
.btn-grad { background:var(--brand-gradient); box-shadow:none; }
.btn, .btn-icon, .chip, .card, .bento-card, .composer { transition:transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
.btn:not(:disabled):hover { transform:translateY(-1px); }

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } .kachai-brand__mark { animation:none; } }
@media (max-width: 480px) { .kachai-brand__word,.kachai-wordmark { letter-spacing:.075em; font-size:12px; } .kachai-brand__word .node,.kachai-wordmark .node{margin:0 .055em;} }