/*
 * CH Institucional — Design Tokens · Vitramaq Industrial Edition
 * Tema dark industrial: fundo escuro, azul metálico, tipografia técnica.
 * As cores primária e de destaque são sobrescritas dinamicamente pelo painel admin.
 */
:root {
  /* ── Cores da marca (sobrescritas pelo painel) ────────────────────────── */
  --chi-primary:       #4B8CF5;
  --chi-primary-dark:  #2563EB;
  --chi-primary-light: #0f0e2a;   /* tint escuro para dark theme */
  --chi-accent:        #F59E0B;

  /* ── Paleta dark industrial ───────────────────────────────────────────── */
  --chi-text:          #eef2ff;
  --chi-text-2:        #c5d0e8;
  --chi-text-muted:    #7b8ca4;
  --chi-text-light:    #4a5a70;
  --chi-bg:            #0d1117;
  --chi-bg-2:          #111820;
  --chi-bg-3:          #161f2d;
  --chi-border:        rgba(75, 140, 245, 0.22);
  --chi-border-dark:   rgba(75, 140, 245, 0.12);
  --chi-dark:          #080c14;
  --chi-dark-2:        #0d1117;

  /* ── Tipografia ───────────────────────────────────────────────────────── */
  --chi-font:          'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
  --chi-font-mono:     'JetBrains Mono', ui-monospace, monospace;
  --chi-text-xs:       0.75rem;
  --chi-text-sm:       0.875rem;
  --chi-text-base:     1rem;
  --chi-text-lg:       1.125rem;
  --chi-text-xl:       1.25rem;
  --chi-text-2xl:      1.5rem;
  --chi-text-3xl:      1.875rem;
  --chi-text-4xl:      2.25rem;
  --chi-text-5xl:      3rem;
  --chi-text-6xl:      3.75rem;

  /* ── Espaçamentos ─────────────────────────────────────────────────────── */
  --chi-s1:   0.25rem;
  --chi-s2:   0.5rem;
  --chi-s3:   0.75rem;
  --chi-s4:   1rem;
  --chi-s5:   1.25rem;
  --chi-s6:   1.5rem;
  --chi-s8:   2rem;
  --chi-s10:  2.5rem;
  --chi-s12:  3rem;
  --chi-s16:  4rem;
  --chi-s20:  5rem;
  --chi-s24:  6rem;

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --chi-max-width:  1200px;
  --chi-header-h:   68px;

  /* ── Raios ────────────────────────────────────────────────────────────── */
  --chi-r-sm:   0.25rem;
  --chi-r:      0.5rem;
  --chi-r-md:   0.75rem;
  --chi-r-lg:   1rem;
  --chi-r-xl:   1.5rem;
  --chi-r-full: 9999px;

  /* ── Sombras ──────────────────────────────────────────────────────────── */
  --chi-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);
  --chi-shadow:    0 2px 4px 0 rgb(0 0 0 / .3);
  --chi-shadow-md: 0 4px 12px -2px rgb(0 0 0 / .5);
  --chi-shadow-lg: 0 10px 30px -6px rgb(0 0 0 / .6);
  --chi-shadow-xl: 0 20px 60px -10px rgb(0 0 0 / .75);

  /* ── Transições ───────────────────────────────────────────────────────── */
  --chi-ease:      200ms cubic-bezier(.4,0,.2,1);
  --chi-ease-slow: 400ms cubic-bezier(.4,0,.2,1);
  --chi-ease-cine: cubic-bezier(0.16, 1, 0.3, 1);

  /* ── Vitramaq: gradientes e brilhos ──────────────────────────────────── */
  --vit-grad-text:  linear-gradient(180deg, #eef2ff 0%, #8ab0f8 100%);
  --vit-grad-blue:  linear-gradient(135deg, #3b7cf4 0%, #60a5fa 100%);
  --vit-grad-card:  linear-gradient(180deg, rgba(22, 31, 45, 0.92) 0%, rgba(10, 14, 22, 0.65) 100%);
  --vit-grad-hero:  radial-gradient(ellipse at 68% 28%, rgba(59, 124, 244, 0.28) 0%, transparent 60%), linear-gradient(180deg, #080c14 0%, #0d1117 100%);
  --vit-glow:       0 0 40px rgba(75, 140, 245, 0.45), 0 0 80px rgba(75, 140, 245, 0.2);
  --vit-glow-sm:    0 0 18px rgba(75, 140, 245, 0.35);
  --vit-glow-card:  0 1px 0 rgba(130, 160, 220, 0.08) inset, 0 20px 40px -20px rgb(0 0 0 / .7);
  --vit-glow-orb:   rgba(75, 140, 245, 0.2);
  --vit-grid-line:  rgba(75, 140, 245, 0.07);
}