/*
  Author: Tiago Capulo
  E-Mail: tcapulo@ideasoft.com.br
  Ideasoft Soluções em Tecnologia Ltda.
  https://www.ideasoft.com.br
  Created: 05.08.2026
  Last Update: 05.08.2026
*/
/* ==========================================================================
   Ideasoft — Variáveis globais de design
   Paleta, tipografia, espaçamento, breakpoints e tokens de UI.
   ========================================================================== */

:root {
  /* Cores de marca — extraídas do logo oficial da Ideasoft (azul e verde) */
  --color-primary: #0C6E9E;
  --color-primary-dark: #084C6E;
  --color-primary-darker: #042E42;
  --color-secondary: #34C07E;
  --color-accent: #147A4A;
  --color-accent-2: #1B94A6;

  /* Neutros */
  --color-background: #ffffff;
  --color-surface: #f4f7fb;
  --color-surface-alt: #eef1f8;
  --color-graphite: #101826;
  --color-text: #172033;
  --color-text-muted: #5f6b7a;
  --color-border: #dce3ec;
  --color-white: #ffffff;

  /* Estados */
  --color-success: #16a34a;
  --color-warning: #d97706;
  --color-error: #dc2626;

  /* Gradientes */
  --gradient-primary: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-secondary) 100%);
  --gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  --gradient-surface: linear-gradient(180deg, #ffffff 0%, #f4f7fb 100%);
  --gradient-dark: linear-gradient(160deg, #041825 0%, #063449 60%, #0C6E9E 140%);

  /* Tipografia */
  --font-heading: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

  --fs-100: 0.75rem;
  --fs-200: 0.875rem;
  --fs-300: 1rem;
  --fs-400: 1.125rem;
  --fs-500: 1.35rem;
  --fs-600: 1.75rem;
  --fs-700: 2.25rem;
  --fs-800: 2.85rem;
  --fs-900: 3.4rem;

  --lh-tight: 1.15;
  --lh-normal: 1.5;
  --lh-relaxed: 1.75;

  /* Espaçamento (escala 4px) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Layout */
  --container-max: 1240px;
  --container-padding: 1.25rem;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(16, 24, 38, 0.06), 0 1px 3px rgba(16, 24, 38, 0.08);
  --shadow-md: 0 8px 24px rgba(16, 24, 38, 0.08);
  --shadow-lg: 0 20px 48px rgba(16, 24, 38, 0.14);
  --shadow-focus: 0 0 0 3px rgba(12, 110, 158, 0.35);

  /* Transições */
  --transition-fast: 150ms ease;
  --transition-base: 240ms ease;
  --transition-slow: 420ms ease;

  /* Camadas */
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;

  /* Cabeçalho */
  --header-height: 84px;
  --header-height-scrolled: 64px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0ms;
    --transition-base: 0ms;
    --transition-slow: 0ms;
  }
}