:root {
  /* Brand colors — paleta unificada com a home (logo E2L: arco azul→cyan) */
  --e2l-dark:    #081D63;  /* royal profundo (era navy #0A1628) */
  --e2l-medium:  #0D2B8E;  /* azul royal */
  --e2l-light:   #009FE3;  /* cyan (acento) */
  --e2l-white:   #FFFFFF;
  --e2l-black:   #0B0F19;
  --e2l-surface: #F4F7FB;

  /* Aliases usados na home / conveniência */
  --blue:  var(--e2l-medium);
  --cyan:  var(--e2l-light);
  --soft:  var(--e2l-surface);
  --ink:   var(--e2l-black);

  /* Semantic */
  --bg-primary:   var(--e2l-dark);
  --bg-surface:   var(--e2l-surface);
  --text-on-dark: var(--e2l-white);
  --text-on-light: var(--e2l-black);
  --accent:       var(--e2l-light);
  --accent-mid:   var(--e2l-medium);

  /* Typography */
  --font: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Fraunces', Georgia, serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --size-xs:   0.75rem;
  --size-sm:   0.875rem;
  --size-base: 1rem;
  --size-lg:   1.125rem;
  --size-xl:   1.25rem;
  --size-2xl:  1.5rem;
  --size-3xl:  1.875rem;
  --size-4xl:  2.25rem;
  --size-5xl:  3rem;
  --size-6xl:  3.75rem;
  --size-7xl:  4.5rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;

  /* Layout */
  --max-width: 1200px;
  --radius: 6px;
  --radius-sm: 3px;

  /* Transitions */
  --transition: 200ms ease;
  --transition-slow: 400ms ease;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.12);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.16);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.20);
}