/* ==========================================================================
   Design tokens — Legal Global Consulting
   Extraídos del archivo Figma "Legal Global" › HOME PAGE (node 187:70)
   ========================================================================== */

:root {
  /* ---- Color (variables de Figma) ---- */
  --color-red: #a91e22;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-navy: #0e2340;
  --color-hero-bg: #0b0e14;
  --color-card-dark: #111621;
  --color-section-light: #f5f6f7;
  --color-gray-100: #ececec;
  --color-gray-500: #8a9099;
  --color-gray-700: #4a4f57;

  /* ---- Color (dorado: usado en degradados y divisores del diseño) ---- */
  --color-gold: #b48c32;
  --color-gold-dark: #69542a;
  --color-gold-light: #d1ac61;
  --gradient-gold: linear-gradient(90deg, var(--color-gold) 0%, var(--color-gold-dark) 200%);

  /* ---- Fondos de sección ---- */
  --gradient-hero: linear-gradient(
    214.897deg,
    #000b1d 31.516%,
    #0b1d37 56.921%,
    var(--color-navy) 86.23%
  );

  /* ---- Tipografía ---- */
  --font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Bebas Neue", var(--font-sans);

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: 100px;
  --radius: 8px;
  --radius-lg: 16px;
}