/* USKI Konekta — tokens base (ver CLAUDE.md seção 3) */

:root {
  /* Marca USKI */
  --ultramarine: #2E2EE6;
  --near-black:  #111217;
  --white:       #FFFFFF;
  --gray-500:    #6E7480;
  --gray-200:    #E5E7EC;
  --gray-100:    #F6F7F9;
  --lilac:       #ECECFE;

  /* Cores de acento dos templates T1..T5 */
  --accent-t1: #2E2EE6; /* Barbearia / Salão */
  --accent-t2: #0EA5B5; /* Clínica / Saúde / Estética */
  --accent-t3: #1E3A8A; /* Imobiliária / Corretor */
  --accent-t4: #E8590C; /* Restaurante / Food */
  --accent-t5: #6D28D9; /* Autônomo / Genérico */

  /* Tipografia */
  --font-title: "Space Grotesk", system-ui, -apple-system, sans-serif;
  --font-body:  "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* Semânticos — tema claro (padrão) */
  --bg:      var(--white);
  --fg:      var(--near-black);
  --muted:   var(--gray-500);
  --surface: var(--gray-100);
  --border:  var(--gray-200);
  --accent:  var(--ultramarine);
}

[data-tema="escuro"] {
  --bg:      var(--near-black);
  --fg:      var(--white);
  --muted:   #9AA0AC;
  --surface: #1A1B22;
  --border:  #2A2C36;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-body);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3 {
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 0.4em;
}

a { color: var(--accent); text-underline-offset: 2px; }
code, .mono { font-family: var(--font-mono); }
img { max-width: 100%; height: auto; }

/* Anel duplo da marca */
.ring {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: var(--ultramarine);
  box-shadow: 0 0 0 8px color-mix(in srgb, var(--ultramarine) 22%, transparent);
}
.ring span {
  color: #fff;
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 28px;
}

/* Assinatura konekta · uski */
.konekta-sig {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--muted);
}

/* Pílula de status (placeholders da Fase 1) */
.pill {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 13px;
  color: var(--muted);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 8px 16px;
}

.center-screen {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  text-align: center;
}