:root {
  /* Paleta — extraída del logo oficial "(f)" terracota */
  --of-naranja: #D17B47;            /* Color exacto del logo oficial */
  --of-naranja-dark: #A85829;       /* Hover / acento profundo */
  --of-naranja-light: #E89366;      /* Variante luminosa */
  --of-naranja-soft: #F8E5D5;       /* Tinte suave para fondos */
  --of-rosa: #E8C4BD;               /* Rosa empolvado (uniforme del equipo) */
  --of-rosa-soft: #F5E3DE;

  /* Acento tecnológico (líneas cyan del escaneo 3D) */
  --of-cyan: #14B8C4;
  --of-cyan-light: #5FD4DD;

  /* Neutros sofisticados */
  --of-grafito: #1A2025;            /* Texto / fondo dark */
  --of-grafito-soft: #424A52;
  --of-arena: #FAF6F0;              /* Crema cálida */
  --of-arena-dark: #EDE5D6;
  --of-blanco: #FFFFFF;
  --of-gris-1: #F8F6F2;
  --of-gris-2: #E8E3DA;
  --of-gris-3: #B8B0A3;

  /* Aliases (compat con CSS existente — todo lo que era "azul" es ahora naranja) */
  --of-azul: var(--of-naranja);
  --of-azul-dark: var(--of-naranja-dark);
  --of-azul-light: var(--of-naranja-light);
  --of-coral: var(--of-naranja-light);
  --of-coral-dark: var(--of-naranja-dark);

  /* Gradientes */
  --of-grad-hero: linear-gradient(135deg, #1A2025 0%, #2A1810 50%, #3D2716 100%);
  --of-grad-cyan: linear-gradient(135deg, #E67E22 0%, #C56715 100%);
  --of-grad-coral: linear-gradient(135deg, #F39C12 0%, #E67E22 100%);
  --of-grad-arena: linear-gradient(180deg, #FAF6F0 0%, #FFFFFF 100%);
  --of-grad-naranja: linear-gradient(135deg, #F39C12 0%, #E67E22 50%, #C56715 100%);

  /* Tipografía */
  --of-font-display: 'Fraunces', Georgia, serif;
  --of-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Tamaños */
  --of-fs-xs: 0.75rem;
  --of-fs-sm: 0.875rem;
  --of-fs-base: 1rem;
  --of-fs-lg: 1.125rem;
  --of-fs-xl: 1.375rem;
  --of-fs-2xl: 1.875rem;
  --of-fs-3xl: 2.5rem;
  --of-fs-4xl: 3.5rem;
  --of-fs-5xl: clamp(3rem, 8vw, 6rem);

  /* Espaciado */
  --of-space-1: 0.25rem;
  --of-space-2: 0.5rem;
  --of-space-3: 0.75rem;
  --of-space-4: 1rem;
  --of-space-6: 1.5rem;
  --of-space-8: 2rem;
  --of-space-12: 3rem;
  --of-space-16: 4rem;
  --of-space-24: 6rem;
  --of-space-32: 8rem;

  /* Bordes / radios */
  --of-radius-sm: 6px;
  --of-radius: 12px;
  --of-radius-lg: 20px;
  --of-radius-xl: 32px;
  --of-radius-pill: 999px;

  /* Sombras */
  --of-shadow-sm: 0 2px 8px rgba(14, 79, 110, 0.06);
  --of-shadow: 0 8px 24px rgba(14, 79, 110, 0.10);
  --of-shadow-lg: 0 20px 50px rgba(14, 79, 110, 0.15);
  --of-shadow-xl: 0 30px 80px rgba(14, 79, 110, 0.20);

  /* Layout */
  --of-container: 1280px;
  --of-container-sm: 960px;
  --of-nav-h: 84px;

  /* Transiciones */
  --of-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --of-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --of-trans-fast: 0.2s var(--of-ease);
  --of-trans: 0.4s var(--of-ease);
  --of-trans-slow: 0.8s var(--of-ease);
}