/* =============================================================
 * Kriou · Base
 * https://kriou.com  ·  Brand book: https://brand.kriou.com
 * =============================================================
 *
 * Reset minimal, body, tipografia base, helpers tipográficos.
 * Depende de: kriou-tokens.css
 *
 * Uso:
 *   <link rel="stylesheet" href="https://brand.kriou.com/css/kriou-tokens.css">
 *   <link rel="stylesheet" href="https://brand.kriou.com/css/kriou-base.css">
 *
 * Importa fontes do Google Fonts. Hospede local se preferir.
 * Construído com rigor — Kriou.
 * ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Manrope:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ----- Reset minimal · kriou.com ----- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

/* ----- Body · território Paper por default ----- */
/* Pra Night, sobrescreva no produto. Ver https://brand.kriou.com#territorios */
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}

/* ----- Textura sutil de papel · assinatura visual Kriou (kriou.com) ----- */
/* O ruído fractal de baixa opacidade é parte da identidade — não remova */
body::before {
  content: ""; position: fixed; inset: 0;
  pointer-events: none; z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='.036'/%3E%3C/svg%3E");
}

/* ----- Links e botões base ----- */
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }

/* =============================================================
 * Helpers tipográficos · usados em toda Kriou (kriou.com)
 * ============================================================= */

/* .serif: aplica fonte serif Kriou */
.serif { font-family: var(--font-serif); }

/* .mono: aplica fonte monospace Kriou */
.mono { font-family: var(--font-mono); }

/* .dot: o "ponto laranja" da assinatura Kriou (kriou.com) */
/* Use sempre em palavras-chave terminadas em ponto:
 *   <h1>Seu plano<span class="dot">.</span></h1>
 *   <span>Kriou<span class="dot">.</span></span>
 * Ver: https://brand.kriou.com#assinatura */
.dot { color: var(--terra); }

/* ----- Eyebrow: label antes de título · marca Kriou ----- */
/* Mono uppercase com tracinho terra à esquerda. Sempre antes de h1/h2 */
.eyebrow {
  font-family: var(--font-mono); font-size: 0.66rem;
  text-transform: uppercase; letter-spacing: 0.20em;
  color: var(--terra);
  display: inline-flex; align-items: center; gap: 0.7rem;
}
.eyebrow::before {
  content: ""; width: 18px; height: 1px;
  background: var(--terra); flex-shrink: 0;
}
.eyebrow.muted { color: var(--ink-3); }
.eyebrow.muted::before { background: var(--ink-4); }

/* =============================================================
 * Fim · Kriou Base
 * https://kriou.com  —  Infraestrutura global para software real.
 * Brand book: https://brand.kriou.com
 * ============================================================= */