/* =============================================================================
   SAFECORTEX — Design tokens
   Paleta extraída do logotipo da marca:
     azul       #0066CC  (palavra "cortex")
     azul claro #26A9E0  (palavra "safe")
     ciano      #00AAFF  (destaque, ponta do degradê do símbolo)
   Sobre uma base de azul-marinho profundo, usada nas seções escuras.

   Os nomes são de PAPEL, não de cor: trocar a paleta no futuro não exige
   renomear nada fora deste arquivo.
   ========================================================================== */

:root {
  /* -- Marca ------------------------------------------------------------- */
  --sc-accent:            #00AAFF;
  --sc-accent-600:        #0B8FD6;
  --sc-accent-050:        #E4F6FF;
  --sc-brand-light:       #26A9E0;
  --sc-brand-light-600:   #1B87BB;
  --sc-brand-light-050:   #EAF6FD;
  --sc-brand-soft:        #4FA3E8;
  --sc-brand-soft-600:    #2E82C6;
  --sc-primary:           #0066CC;
  --sc-primary-700:       #00549F;
  --sc-primary-800:       #004499;

  /* -- Tinta e superfícies ------------------------------------------------ */
  --sc-ink:               #061523;
  --sc-ink-800:           #0D2437;
  --sc-ink-700:           #14324A;
  --sc-text:              #16202B;
  --sc-text-muted:        #566573;
  --sc-text-subtle:       #77889A;
  --sc-surface:           #FFFFFF;
  --sc-surface-alt:       #F5F8FB;
  --sc-surface-3:         #EAF0F6;
  --sc-border:            #DFE7EF;
  --sc-border-strong:     #C6D3E0;

  /* -- Sobre fundo escuro ------------------------------------------------- */
  --sc-on-dark:           #EFF5FA;
  --sc-on-dark-muted:     #A8BCCE;
  --sc-on-dark-border:    rgba(255, 255, 255, .14);
  --sc-on-dark-surface:   rgba(255, 255, 255, .06);

  /* -- Semânticas --------------------------------------------------------- */
  --sc-success:           #0E7A5F;
  --sc-success-bg:        #E6F5F0;
  --sc-danger:            #B4231F;
  --sc-danger-bg:         #FDEDEC;
  --sc-warning:           #8A5A00;
  --sc-warning-bg:        #FFF6E3;
  --sc-info:              #1D5C8A;
  --sc-info-bg:           #EAF4FB;

  /* -- Tipografia --------------------------------------------------------- */
  --sc-font:              "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --sc-font-display:      var(--sc-font);
  --sc-font-mono:         ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* Escala fluida: cresce de 360px a 1440px de viewport */
  --sc-text-xs:           clamp(.75rem,  .72rem + .12vw, .8125rem);
  --sc-text-sm:           clamp(.8125rem, .78rem + .16vw, .875rem);
  --sc-text-base:         clamp(.9375rem, .9rem + .2vw,  1.0625rem);
  --sc-text-lg:           clamp(1.0625rem, 1rem + .3vw,  1.1875rem);
  --sc-text-xl:           clamp(1.1875rem, 1.1rem + .45vw, 1.375rem);
  --sc-h4:                clamp(1.125rem, 1.05rem + .4vw,  1.375rem);
  --sc-h3:                clamp(1.3125rem, 1.15rem + .8vw, 1.75rem);
  --sc-h2:                clamp(1.625rem, 1.3rem + 1.5vw, 2.5rem);
  --sc-h1:                clamp(2rem, 1.5rem + 2.6vw, 3.5rem);
  --sc-display:           clamp(2.25rem, 1.6rem + 3.2vw, 4rem);

  --sc-leading-tight:     1.12;
  --sc-leading-snug:      1.3;
  --sc-leading:           1.65;

  /* -- Espaçamento (escala de 4px) ---------------------------------------- */
  --sc-1:                 .25rem;  --sc-2:  .5rem;   --sc-3:  .75rem;  --sc-4:  1rem;
  --sc-5:                 1.25rem; --sc-6:  1.5rem;  --sc-8:  2rem;    --sc-10: 2.5rem;
  --sc-12:                3rem;    --sc-16: 4rem;    --sc-20: 5rem;    --sc-24: 6rem;
  --sc-section:           clamp(3.5rem, 2.5rem + 4vw, 7rem);

  /* -- Layout -------------------------------------------------------------- */
  --sc-container:         1240px;
  --sc-container-narrow:  820px;
  --sc-gutter:            clamp(1.125rem, .8rem + 1.6vw, 2.5rem);
  --sc-header-h:          76px;

  /* -- Raio e sombra -------------------------------------------------------- */
  --sc-radius-sm:         8px;
  --sc-radius:            14px;
  --sc-radius-lg:         22px;
  --sc-radius-pill:       999px;

  --sc-shadow-sm:         0 1px 2px rgba(6, 21, 35, .06), 0 1px 3px rgba(6, 21, 35, .04);
  --sc-shadow:            0 4px 16px rgba(6, 21, 35, .07), 0 1px 3px rgba(6, 21, 35, .05);
  --sc-shadow-lg:         0 18px 48px rgba(6, 21, 35, .13), 0 4px 12px rgba(6, 21, 35, .06);
  --sc-shadow-accent:     0 8px 26px rgba(0, 170, 255, .30);

  /* -- Movimento ------------------------------------------------------------ */
  --sc-ease:              cubic-bezier(.22, .8, .28, 1);
  --sc-fast:              140ms;
  --sc-base:              240ms;

  --sc-z-header:          900;
  --sc-z-menu:            950;
  --sc-z-float:           960;
  --sc-z-modal:           980;
  --sc-z-toast:           990;
}