/* =========================================================================
   TEMP IA — Design Tokens
   Núcleo visual do hub. Tudo que é cor, espaço, tipografia e curva vive aqui.
   ========================================================================= */

:root {
  /* ---------- Superfícies ---------- */
  --bg:            #05060A;
  --bg-2:          #080A11;
  --surface:       #0B0E17;
  --surface-2:     #10141F;
  --surface-3:     #161B29;
  --line:          rgba(255, 255, 255, .075);
  --line-strong:   rgba(255, 255, 255, .14);

  /* ---------- Texto ---------- */
  --txt:           #EEF1F7;
  --txt-2:         #A8B0C2;
  --txt-3:         #6C7488;

  /* ---------- Marca ---------- */
  --c1:            #01FABF;   /* menta   */
  --c2:            #01D5FC;   /* ciano   */
  --c3:            #017EFD;   /* azul    */
  --c1-soft:       rgba(1, 250, 191, .14);
  --c2-soft:       rgba(1, 213, 252, .14);
  --c3-soft:       rgba(1, 126, 253, .14);

  --grad-brand:    linear-gradient(100deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);
  --grad-brand-r:  linear-gradient(280deg, var(--c1) 0%, var(--c2) 52%, var(--c3) 100%);
  --grad-line:     linear-gradient(90deg, transparent, var(--c1), var(--c2), transparent);

  /* Acento dinâmico — trocado em runtime pela solução ativa da galeria */
  --accent:        #01FABF;
  --accent-2:      #01D5FC;
  --accent-soft:   rgba(1, 250, 191, .16);

  /* ---------- Tipografia ---------- */
  --font-sans:     'Manrope', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display:  'Space Grotesk', 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', 'Cascadia Code', ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-hero:       clamp(2.6rem, 6.4vw, 5.2rem);
  --fs-h2:         clamp(1.9rem, 4.2vw, 3.35rem);
  --fs-h3:         clamp(1.12rem, 1.9vw, 1.45rem);
  --fs-lead:       clamp(1rem, 1.35vw, 1.175rem);
  --fs-body:       1rem;
  --fs-sm:         .875rem;
  --fs-xs:         .765rem;

  /* ---------- Espaço ---------- */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;    --sp-10: 8rem;

  --container:     1240px;
  --gutter:        clamp(1.15rem, 4vw, 2.5rem);
  --section-y:     clamp(4.5rem, 10vw, 9rem);

  /* ---------- Forma ---------- */
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-pill: 999px;

  /* ---------- Elevação / brilho ---------- */
  --sh-1: 0 2px 10px rgba(0, 0, 0, .35);
  --sh-2: 0 12px 40px rgba(0, 0, 0, .45);
  --sh-3: 0 30px 90px rgba(0, 0, 0, .6);
  --glow-1: 0 0 32px rgba(1, 250, 191, .28);
  --glow-2: 0 0 46px rgba(1, 213, 252, .3);

  /* ---------- Movimento ---------- */
  --e-out:     cubic-bezier(.16, 1, .3, 1);
  --e-inout:   cubic-bezier(.65, .05, .36, 1);
  --e-spring:  cubic-bezier(.34, 1.56, .64, 1);
  --t-fast:    .18s var(--e-out);
  --t-base:    .34s var(--e-out);
  --t-slow:    .72s var(--e-out);

  /* ---------- Galeria 3D ---------- */
  --g3d-radius:   440px;   /* raio do cilindro */
  --g3d-card-w:   310px;
  --g3d-card-h:   420px;
  --g3d-persp:    1500px;

  /* ---------- Z-index ---------- */
  --z-bg: 0;  --z-content: 1;  --z-nav: 60;  --z-cursor: 90;  --z-preloader: 100;
}

/* Acentos por solução — usados nos cards, na galeria e na aura da seção.
   Retirados das artes oficiais de cada marca. */
:root {
  /* no ar / em preparação (primeiras do hub) */
  --sol-navalha-1:   #E7B75C;  --sol-navalha-2:   #F6DDA0;
  --sol-smile-1:     #3B6BF5;  --sol-smile-2:     #7DA2FF;
  --sol-camis-1:     #2DE3C0;  --sol-camis-2:     #22B8F0;
  --sol-question-1:  #4C6BF5;  --sol-question-2:  #9BB0FF;
  --sol-beaver-1:    #34D680;  --sol-beaver-2:    #A9E86B;
  --sol-esquenta-1:  #FF6B35;  --sol-esquenta-2:  #FFB03A;

  /* demais marcas do catálogo */
  --sol-notes-1:     #E3B75C;  --sol-notes-2:     #F5DC9E;
  --sol-monitar-1:   #E0A94A;  --sol-monitar-2:   #F3D28C;
  --sol-nutra-1:     #6FCF4A;  --sol-nutra-2:     #A8E063;
  --sol-mova-1:      #B9C6D6;  --sol-mova-2:      #EEF3F8;
  --sol-escuta-1:    #22C9D8;  --sol-escuta-2:    #6EE7F0;
  --sol-cuts-1:      #E8A08C;  --sol-cuts-2:      #F5C7B6;
  --sol-garage-1:    #2F7BF0;  --sol-garage-2:    #6BA5FF;
  --sol-belissima-1: #E39A9A;  --sol-belissima-2: #F2C4C4;
  --sol-boavisao-1:  #2B6FE0;  --sol-boavisao-2:  #6FA8FF;
  --sol-erp-1:       #3FD98F;  --sol-erp-2:       #8FD94F;
  --sol-afill-1:     #C9D2DC;  --sol-afill-2:     #E8A33C;
}