/*
 * Tokens da marca Nora — extraídos de `styless/styles.css`.
 * NÃO inventar cores novas: usar somente estas variáveis.
 */
:root{
  --bg:#050506;
  --bg-2:#0a0a0c;
  --panel:#0d0d10;
  --line:rgba(255,255,255,.07);
  --line-2:rgba(255,255,255,.16);
  --text:#f4f4f6;
  --muted:#9a9aa1;
  --muted-2:#6a6a71;
  --white:#fff;
  --glow:rgba(255,255,255,.20);
  /* assinatura da marca — degradê quente */
  --accent:#ffb979;
  --accent-2:#ffde9e;
  --grad:linear-gradient(100deg,#ffb979,#ffde9e);
  --lime:#ffcf9d;                 /* tom médio: usos sólidos (pontos, bordas, ícones) */
  --lime-dim:rgba(255,185,121,.15);
  --red:#ff5a4d;
  --red-dim:rgba(255,90,77,.13);
  --green:#7ee0a8;
  --green-dim:rgba(126,224,168,.13);

  --font-sans:'Inter',system-ui,-apple-system,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --font-serif:'Instrument Serif',Georgia,serif;

  --radius:16px;
  --radius-sm:10px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-sans);
  font-weight:400;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--lime-dim);color:#fff}

/* degradê de marca aplicado a texto */
.grad-text{
  background:var(--grad);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:var(--accent);
}

/* eyebrow / labels mono */
.eyebrow{
  font-family:var(--font-mono);font-size:.66rem;font-weight:500;
  text-transform:uppercase;letter-spacing:.16em;color:var(--muted-2);
}

/* scrollbar discreta */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}
*::-webkit-scrollbar-track{background:transparent}