/*
 * tokens.css — tokens do design system NeuroMedit que ainda não existiam como variável CSS.
 * Fonte: https://claude.ai/artifact/JHzwjfKnJ11kwCCJkcxvrQ (project/tokens.json).
 *
 * Só valores que não mudam com o tema. As cores por tema (bg, text, accent, line…)
 * continuam definidas em theme-sync.css e no CSS de cada página.
 * Não acrescentar valores aqui sem os propor primeiro ao design system (ver DESIGN.md).
 * Carregar antes de qualquer outra folha de estilo.
 */
:root {
  /* Raio */
  --radius-pill: 999px; /* todos os botões: sempre pílula */
  --radius-chip: 14px;  /* session-chip */
  --radius-lg: 28px;    /* cartões grandes e painéis */
  --radius-md: 22px;    /* cartões médios */
  --radius-sm: 16px;    /* cartões pequenos e campos */

  /* Dimensões */
  --control-height: 50px; /* altura mínima de botões, alvo de toque */
  --button-pad-x: 1.6rem; /* padding horizontal do botão */
  --container: 1120px;    /* largura máxima do conteúdo */
  --gutter: 1.5rem;       /* margem lateral do container */

  /* Tipografia */
  --font-sans: Arial, sans-serif;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;

  /* Luz (constantes em todos os temas) */
  --luz-gold: #e9c46a;
  --luz-gold-soft: rgba(233, 196, 106, 0.28);
  --luz-glow-core: #fffae8;
  --luz-glow-mid: #ffe4a8;
  --glow-gold: 0 0 22px rgba(233, 196, 106, 0.22), inset 0 0 14px rgba(233, 196, 106, 0.12);

  /* Movimento (design system, nov 2026): só opacidade e pequenas deslocações */
  --duration-quick: 160ms;
  --duration-calm: 700ms;
  --easing-calm: cubic-bezier(0.22, 1, 0.36, 1);
  --rise-distance: 12px;
}

/* accent-light e accent-light-hover (design system, nov 2026): o acento de cada tema, mais claro.
   Definidos em html e body para seguirem o tema da página; mesmos valores do tokens.json. */
html, body {
  --accent-light: color-mix(in srgb, var(--accent) 55%, var(--luz-glow-core));
  --accent-light-hover: color-mix(in srgb, var(--accent) 35%, var(--luz-glow-core));
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration-quick: 0ms; --duration-calm: 0ms; --rise-distance: 0px; }
}