/* ============================================================
   ISNARDI TECNOLOGIA — DESIGN TOKENS
   Fonte única de verdade para cor, tipografia, espaçamento etc.
   ============================================================ */

:root {
  /* ---- Cor: paleta "holding clássica" (navy + dourado) ---- */
  --color-navy-900: #0a1a2f;
  --color-navy-800: #0e2a47;
  --color-navy-700: #163a5f;
  --color-navy-600: #1f4d7a;

  --color-gold-600: #9c7a3f;
  --color-gold-500: #b08d57;
  --color-gold-400: #c7a76d;
  --color-gold-300: #ddc79a;

  --color-cream-100: #f4efe6;
  --color-cream-200: #ece4d4;
  --color-paper: #faf8f3;

  --color-ink-900: #14181f;
  --color-ink-700: #3a4048;
  --color-ink-500: #6b7280;
  --color-ink-300: #b8bcc4;
  --color-ink-100: #e6e7ea;

  --color-white: #ffffff;
  --color-success: #2f6d4f;

  /* Papéis semânticos */
  --color-bg: var(--color-paper);
  --color-bg-alt: var(--color-cream-100);
  --color-bg-inverse: var(--color-navy-800);
  --color-text: var(--color-ink-900);
  --color-text-muted: var(--color-ink-500);
  --color-text-inverse: var(--color-cream-100);
  --color-accent: var(--color-gold-500);
  --color-border: var(--color-ink-100);
  --color-border-inverse: rgba(244, 239, 230, 0.18);

  /* ---- Tipografia ---- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

  --fs-h1: clamp(2.4rem, 1.6rem + 3.2vw, 4.4rem);
  --fs-h2: clamp(1.9rem, 1.5rem + 1.6vw, 2.8rem);
  --fs-h3: clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  --lh-tight: 1.1;
  --lh-heading: 1.25;
  --lh-body: 1.65;

  /* ---- Espaçamento (escala 8px) ---- */
  --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;

  --container-max: 1180px;
  --container-pad: clamp(1.25rem, 4vw, 3rem);

  /* ---- Forma ---- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* ---- Sombra ---- */
  --shadow-sm: 0 1px 2px rgba(14, 26, 47, 0.06);
  --shadow-md: 0 8px 24px rgba(14, 26, 47, 0.08);
  --shadow-lg: 0 20px 48px rgba(14, 26, 47, 0.14);
  --shadow-gold: 0 8px 24px rgba(176, 141, 87, 0.25);

  /* ---- Movimento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---- Camadas ---- */
  --z-header: 100;
  --z-overlay: 200;
}