/* TSKEY — simple professional fonts + fluorescent blue theme */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {
  --font-heading: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  --font-heading-weight: 600 !important;

  --color-accent-100: #ecfeff !important;
  --color-accent-200: #cffafe !important;
  --color-accent-300: #a5f3fc !important;
  --color-accent-400: #22d3ee !important;
  --color-accent-500: #06b6d4 !important;
  --color-accent-600: #0891b2 !important;
  --color-accent-700: #0e7490 !important;
  --color-accent-800: #155e75 !important;
  --color-accent-900: #164e63 !important;
  --color-accent: #22d3ee !important;

  --color-accent-2-100: #eff6ff !important;
  --color-accent-2-200: #dbeafe !important;
  --color-accent-2-300: #bfdbfe !important;
  --color-accent-2-400: #60a5fa !important;
  --color-accent-2-500: #3b82f6 !important;
  --color-accent-2-600: #2563eb !important;
  --color-accent-2-700: #1d4ed8 !important;
  --color-accent-2-800: #1e40af !important;
  --color-accent-2-900: #1e3a8a !important;
  --color-accent-2: #3b82f6 !important;

  --color-bg: #000000 !important;
  --color-surface: #000000 !important;
  --color-text: #e8f1ff !important;
  --color-neutral-100: #f0f7ff !important;
  --color-neutral-200: #dbe7f5 !important;
  --color-neutral-300: #b6c7db !important;
  --color-neutral-400: #8aa0b8 !important;
  --color-neutral-500: #6b7f96 !important;
  --color-neutral-600: #516275 !important;
  --color-neutral-700: #3b4a5c !important;
  --color-neutral-800: #273445 !important;
  --color-neutral-900: #151c27 !important;
}

html, body {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  background: #000000 !important;
  color: #e8f1ff !important;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  /* Override bundler shell centering that leaves a black void on mobile */
  display: block !important;
}

/* Force professional Inter everywhere (override Caprasimo/Figtree leftovers) */
html, body, body *,
x-dc, x-dc *,
[data-dc-root], [data-dc-root] *,
h1, h2, h3, h4, h5, h6,
button, input, select, textarea, a, span, div, p, label, strong, em {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

#tskey-bg-graph {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  mix-blend-mode: screen;
  opacity: 0.4 !important;
}

/* Kill warm/red leftover glows + force dark cards black */
*, *::before, *::after {
  /* neutralize common coral/red glow leftovers if any remain inline */
}
[style*="#ff7a59"],
[style*="#ff9b7a"],
[style*="#ff8a80"],
[style*="255,122,89"] {
  box-shadow: none !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

a { color: #22d3ee !important; }
a:hover { color: #67e8f9 !important; }
::selection { background: rgba(34, 211, 238, 0.35) !important; }
*:focus-visible { outline: 2px solid #22d3ee !important; outline-offset: 2px !important; }

/* Cortina header — bold, simple, light pulse only */
.cortina-infinity-heading {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(13px, 1.4vw, 16px) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
  margin: 0 !important;
  text-align: center;
  color: #e8f1ff !important;
  -webkit-text-fill-color: #e8f1ff;
  background: none !important;
  animation: cortinaSoftPulse 2.8s ease-in-out infinite;
}
.cortina-infinity-heading .ci-brand {
  font-weight: 700 !important;
  color: #22d3ee !important;
  -webkit-text-fill-color: #22d3ee;
}
.cortina-infinity-heading .ci-managed {
  font-weight: 600 !important;
  color: #b6c7db !important;
  -webkit-text-fill-color: #b6c7db;
}
.cortina-infinity-heading .ci-managed strong {
  font-weight: 700 !important;
  color: #e8f1ff !important;
  -webkit-text-fill-color: #e8f1ff;
}
@keyframes cortinaSoftPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.82; }
}

#cortina-global-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100001;
  padding: 12px 18px 10px;
  background: #000000 !important;
  border-bottom: 1px solid rgba(34, 211, 238, 0.15);
  backdrop-filter: blur(12px);
  box-shadow: none;
}
#cortina-global-header .ci-subrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}


/* pure black page */
html, body, x-dc, [data-dc-root] {
  background: #000000 !important;
  background-color: #000000 !important;
}