/* =============================================================================
   LIGHT CONNECTION — Design tokens
   Paleta extraída do logotipo oficial da marca:
     âmbar  #FEBF03  (palavra "LIGHT")
     céu    #B0DBF5  (palavra "connection")
     violeta#8E83CB  (lâmpada)
   Somadas ao índigo institucional #4624E7 já usado pela empresa.
   ========================================================================== */

:root {
  /* -- Marca ------------------------------------------------------------- */
  --lc-amber:        #FEBF03;
  --lc-amber-600:    #E0A800;
  --lc-amber-050:    #FFF7E0;
  --lc-sky:          #B0DBF5;
  --lc-sky-600:      #5CA8D8;
  --lc-sky-050:      #EEF7FD;
  --lc-violet:       #8E83CB;
  --lc-violet-600:   #6B5DB8;
  --lc-indigo:       #4624E7;
  --lc-indigo-700:   #3513D4;
  --lc-indigo-800:   #2A0FA8;

  /* -- Tinta e superfícies ------------------------------------------------ */
  --lc-ink:          #0B0820;
  --lc-ink-800:      #171233;
  --lc-ink-700:      #241D47;
  --lc-text:         #17142E;
  --lc-text-muted:   #5B5875;
  --lc-text-subtle:  #7C7994;
  --lc-surface:      #FFFFFF;
  --lc-surface-alt:  #F7F6FC;
  --lc-surface-3:    #EFEDF8;
  --lc-border:       #E3E0F0;
  --lc-border-strong:#CFCBE6;

  /* -- Sobre fundo escuro ------------------------------------------------- */
  --lc-on-dark:        #F4F3FB;
  --lc-on-dark-muted:  #B9B4D6;
  --lc-on-dark-border: rgba(255, 255, 255, .14);
  --lc-on-dark-surface:rgba(255, 255, 255, .06);

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

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

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

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

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

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

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

  --lc-shadow-sm: 0 1px 2px rgba(11, 8, 32, .06), 0 1px 3px rgba(11, 8, 32, .04);
  --lc-shadow:    0 4px 16px rgba(11, 8, 32, .07), 0 1px 3px rgba(11, 8, 32, .05);
  --lc-shadow-lg: 0 18px 48px rgba(11, 8, 32, .13), 0 4px 12px rgba(11, 8, 32, .06);
  --lc-shadow-amber: 0 8px 26px rgba(254, 191, 3, .28);

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

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