/* =========================================================
   CURADORIA NEURONOVA — DESIGN TOKENS
   Fonte: CuradoriaNeuronova_BrandGuidelines.md (v1.0)
   ========================================================= */

:root {
  /* --- Camada 1: cores de marca (NN PLURAL) --- */
  --cn-ciano: #00C0DF;
  --cn-magenta: #E3007E;
  --cn-preto: #0A0A0A;
  --cn-bege: #F7F4EE;
  --cn-branco: #FFFFFF;

  /* Versões deep — pra contraste sobre fundo claro */
  --cn-ciano-deep: #008FA8;
  --cn-magenta-deep: #C1006A;

  /* --- Camada 2: cores semânticas de seção --- */
  --cn-secao-sensorial:   #5C6E4A;   /* verde-musgo */
  --cn-secao-sono:        #1A2E4A;   /* azul-marinho */
  --cn-secao-curadoria:   #00C0DF;   /* ciano */
  --cn-secao-criativa:    #E3007E;   /* magenta */
  --cn-secao-executivo:   #E3007E;   /* magenta — pilar Executivo */
  --cn-secao-emocao:      #B85C38;   /* terracota — pilar Emoção */
  --cn-secao-aprendizado: #6B4B8E;   /* roxo-uva — pilar Aprendizado */

  /* --- Neutros funcionais --- */
  --cn-cinza-900: #1A1A1A;
  --cn-cinza-700: #3A3A3A;
  --cn-cinza-500: #6E6E6E;
  --cn-cinza-300: #C7C2B8;
  --cn-cinza-100: #ECE7DE;

  /* --- Tipografia --- */
  --cn-serif: "Fraunces", "Georgia", "Times New Roman", serif;
  --cn-sans:  "Lato", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Escala (rem-based, 1rem = 16px) */
  --fs-display: clamp(2.5rem, 5vw + 1rem, 4.5rem);
  --fs-h1: clamp(1.875rem, 2.5vw + 1rem, 2.5rem);
  --fs-h2: clamp(1.375rem, 1.5vw + 0.875rem, 1.75rem);
  --fs-h3: 1.25rem;
  --fs-quote: 1.25rem;
  --fs-body: 1rem;
  --fs-caption: 0.8125rem;
  --fs-kicker: 0.6875rem;
  --fs-nav: 0.875rem;

  /* Espaçamento (sistema 4px) */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;

  /* Layout */
  --cn-container: 1200px;
  --cn-container-narrow: 720px;
  --cn-radius-sm: 4px;
  --cn-radius: 8px;
  --cn-radius-lg: 16px;

  /* Movimento */
  --cn-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --cn-dur: 240ms;
}

/* Respeita "menos movimento" do sistema */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}