/* Archivo: css/colores.css */
/* 🎨 CENTRO DE CONTROL MAESTRO DE COLOR - OMH ESTUDIO */

:root {
  /* 1. PALETA BASE INMUTABLE */
  --rojo:         #cc0000;   
  --amarillo:     #f4d431;   
  --negro:        #000000;   
  --blanco:       #ffffff;   
  --gris-oscuro:  #0a0a0a;   
  --gris-medio:   #111111;
  --gris-suave:   #1a1a1a;
  --gris-borde:   #222222;   
  --gris-texto:   #888888;   

  /* 2. VALORES POR DEFECTO */
  --color-seccion: var(--blanco); 
  
  /* ✨ LA MAGIA: Por defecto, el secundario clona al primario */
  --color-secundario: var(--color-seccion); 
}

/* 3. CONFIGURACIÓN DUAL PARA EL INDEX (PÁGINA PRINCIPAL) */
body.page-index {
  --color-seccion: var(--rojo);       /* Logo e interactivos principales en Rojo */
  --color-secundario: var(--amarillo); /* Acentos, hovers y detalles en Amarillo */
}

/* 4. ASIGNACIÓN POR SUBPÁGINA (MONOCROMÁTICAS) */
body.page-nosotros {
  --color-seccion: var(--rojo);
}

body.page-archviz {
  --color-seccion: #00f0ff; /* Cyan */
}

body.page-audiovisual {
  --color-seccion: var(--amarillo);
}

body.page-anim-vfx {
  --color-seccion: #b600ff; /* Morado */
}

body.page-ar-vr {
  --color-seccion: #00ff00; /* Verde VR */
}

body.page-tours-360 {
  --color-seccion: #2949ff; /* Azul rey */
}

body.page-escaneos {
  --color-seccion: #ff6c00; /* Naranja */
}

body.page-mkt {
  --color-seccion: #ff007c; /* Magenta */
}

body.page-ia {
  --color-seccion: #70a1ff; /* Azul IA */
}

body.page-inmob {
  --color-seccion: #C5A059; /* Rosa Barragan */
}