/* NOVE · Design Tokens · Border radius, divisores, sombras
   NOVE é uma marca de superfície plana: radius pequeno (4px), divisores
   por linha de 1px, sombras quase ausentes. Profundidade vem da cor, não do blur. */
:root {
  /* ── Border radius ── */
  --nove-radius-0: 0px;        /* tabelas, divisores */
  --nove-radius: 4px;          /* padrão · cards, inputs, botões, badges */
  --nove-radius-md: 6px;       /* cards de painel maiores, specimen blocks */
  --nove-radius-pill: 30px;    /* tags, pills, labels */
  --nove-radius-full: 50%;     /* avatares, dots */

  /* ── Bordas ── */
  --nove-border: 1px solid var(--nove-line);
  --nove-border-strong: 1px solid var(--nove-line-2);
  --nove-border-accent: 2px solid var(--nove-snorkel);
  --nove-border-left-accent: 4px solid var(--nove-snorkel);

  /* ── Sombras (uso contido — preferir borda) ── */
  --nove-shadow-none: none;
  --nove-shadow-sm: 0 1px 2px rgba(26, 23, 20, 0.05);
  --nove-shadow-card: 0 2px 8px rgba(26, 23, 20, 0.06);
  --nove-shadow-pop: 0 8px 28px rgba(26, 23, 20, 0.12);

  /* ── Foco ── */
  --nove-ring: 0 0 0 3px rgba(3, 79, 132, 0.18);

  /* ── Transições ── */
  --nove-ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --nove-dur: 0.15s; /* @kind other */

  /* ── Realce de texto (mark) ── */
  --nove-mark: linear-gradient(180deg, transparent 58%, rgba(201, 200, 47, 0.55) 58%); /* @kind other */
}