/* ==========================================================================
   TOKENS — espelham assets/design_system.html (Sanok Prism).
   Esta é a única fonte de valores brutos do projeto: nenhuma outra folha
   deve declarar cor, sombra, raio ou família tipográfica literal.
   ========================================================================== */

:root {
  /* --- Cor: neutros ------------------------------------------------------ */
  --c-bg: #FFFFFF;
  --c-ink: #373435;
  --c-muted: #6F6D6E;
  --c-soft-text: #5D5A5B;
  --c-border: #CFCECF;
  --c-light: #EFEFEF;
  --c-cream: #E7E7E7;
  --c-pearl: #F7F7F7;
  --c-silver: #9F9E9E;
  --c-graphite-deep: #232122;
  --c-graphite-medium: #5D5A5B;

  /* --- Cor: marca -------------------------------------------------------- */
  --c-vital-soft: #EFF5E2;
  --c-vital: #A8C957;
  --c-vital-hover: #8FB34A;
  --c-vital-deep: #61782E;

  /* --- Cor: feedback ----------------------------------------------------- */
  --c-success: #1E7D5A;
  --c-warning: #B56B00;
  --c-danger: #C43D4B;
  --c-info: #2563EB;

  /* --- Gradientes -------------------------------------------------------- */
  --grad-silver: linear-gradient(105deg, var(--c-bg) 0%, var(--c-pearl) 48%, var(--c-cream) 100%);
  --grad-vital: linear-gradient(105deg, var(--c-vital-soft) 0%, var(--c-vital) 48%, var(--c-vital-hover) 100%);
  --grad-graphite: linear-gradient(105deg, var(--c-graphite-deep) 0%, var(--c-ink) 48%, var(--c-graphite-medium) 100%);

  /* --- Elevação ---------------------------------------------------------- */
  --shadow-sm: 0 16px 40px rgba(55, 52, 53, .08);
  --shadow-md: 0 26px 60px rgba(55, 52, 53, .14);
  --shadow-lg: 0 40px 100px rgba(55, 52, 53, .16);

  /* --- Forma ------------------------------------------------------------- */
  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 42px;
  --radius-pill: 999px;

  /* --- Layout ------------------------------------------------------------ */
  --container: 1280px;
  --gutter: clamp(20px, 4vw, 56px);

  /* --- Tipografia -------------------------------------------------------- */
  --font-body: 'Poppins', 'Open Sans', 'Mulish', sans-serif;
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  --font-tech: 'Space Grotesk', 'Space Mono', ui-monospace, monospace;
  --font-mono: 'Space Mono', ui-monospace, monospace;

  /* --- Movimento --------------------------------------------------------- */
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --speed-fast: .25s;
  --speed-mid: .42s;
  --speed-slow: .8s;
}