/* ============================================
   AXIS Business Hub - Variables
   Prefijo: --axis-*
   Basado en identidad INMOSOLUTIONS + paleta AXIS
   ============================================ */

.axis-page {
  /* ---------- Paleta Inmosolutions (institucional) ---------- */
  --axis-inmo-primary: #1E4D7B;
  --axis-inmo-primary-700: #163B61;
  --axis-inmo-primary-900: #0E2A47;
  --axis-inmo-ink: #1E293B;
  --axis-inmo-surface: #F8F9FB;
  --axis-inmo-white: #FFFFFF;

  /* ---------- Paleta AXIS (premium) ---------- */
  --axis-night: #0B1B2C;          /* fondo premium */
  --axis-night-2: #102A43;        /* fondo degradado */
  --axis-river: #1F4E6E;          /* azul rio */
  --axis-gold: #C7A36D;           /* dorado principal */
  --axis-gold-light: #E0C99B;     /* dorado claro */
  --axis-gold-dark: #725634;      /* dorado oscuro accesible sobre fondos claros */
  --axis-cream: #F2E9D8;          /* beige calido */
  --axis-ink: #1A2530;            /* texto principal */
  --axis-ink-soft: #4B5C6A;       /* texto secundario */
  --axis-line: rgba(199, 163, 109, 0.25);
  --axis-line-soft: rgba(199, 163, 109, 0.12);

  /* ---------- Neutrales ---------- */
  --axis-white: #FFFFFF;
  --axis-offwhite: #FAF8F4;
  --axis-bg: #F4F1EA;
  --axis-gray-50: #F7F7F7;
  --axis-gray-100: #EFEFEF;
  --axis-gray-200: #E2E2E2;
  --axis-gray-300: #C9C9C9;
  --axis-gray-500: #5F6C75;
  --axis-success: #216A46;
  --axis-warning: #87520D;
  --axis-error: #B83A3A;

  /* ---------- Tipografia ---------- */
  --axis-font-sans: 'Inter', 'Poppins', 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --axis-font-display: 'Playfair Display', 'Montserrat', Georgia, serif;

  /* ---------- Escala tipografica (mobile first) ---------- */
  --axis-fs-eyebrow: 0.78rem;     /* ~12.5 */
  --axis-fs-body: 1rem;           /* 16 */
  --axis-fs-body-lg: 1.0625rem;   /* 17 */
  --axis-fs-small: 0.875rem;      /* 14 */
  --axis-fs-h3: 1.25rem;          /* 20 */
  --axis-fs-h2: 1.875rem;         /* 30 */
  --axis-fs-h1: 2.25rem;          /* 36 */
  --axis-fs-display: 2.75rem;     /* 44 */

  /* ---------- Espaciado ---------- */
  --axis-space-1: 4px;
  --axis-space-2: 8px;
  --axis-space-3: 12px;
  --axis-space-4: 16px;
  --axis-space-5: 24px;
  --axis-space-6: 32px;
  --axis-space-7: 48px;
  --axis-space-8: 64px;
  --axis-space-9: 96px;
  --axis-space-10: 128px;

  /* ---------- Radios ---------- */
  --axis-radius-sm: 6px;
  --axis-radius-md: 10px;
  --axis-radius-lg: 16px;
  --axis-radius-xl: 24px;
  --axis-radius-pill: 999px;

  /* ---------- Sombras ---------- */
  --axis-shadow-sm: 0 1px 2px rgba(11, 27, 44, 0.06);
  --axis-shadow-md: 0 8px 24px -10px rgba(11, 27, 44, 0.18);
  --axis-shadow-lg: 0 24px 60px -24px rgba(11, 27, 44, 0.32);
  --axis-shadow-gold: 0 12px 40px -16px rgba(199, 163, 109, 0.55);

  /* ---------- Layout ---------- */
  --axis-container-max: 1280px;
  --axis-container-pad: 20px;
  --axis-header-h: 72px;
  --axis-subnav-h: 56px;

  /* ---------- Transiciones ---------- */
  --axis-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --axis-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --axis-dur-fast: 160ms;
  --axis-dur: 260ms;
  --axis-dur-slow: 480ms;
}

@media (min-width: 768px) {
  .axis-page {
    --axis-container-pad: 32px;
    --axis-header-h: 80px;
  }
  .axis-page {
    --axis-fs-h3: 1.375rem;     /* 22 */
    --axis-fs-h2: 2.25rem;      /* 36 */
    --axis-fs-h1: 3rem;         /* 48 */
    --axis-fs-display: 3.75rem; /* 60 */
  }
}

@media (min-width: 1200px) {
  .axis-page {
    --axis-fs-h1: 3.5rem;       /* 56 */
    --axis-fs-display: 4.25rem; /* 68 */
  }
}