/*******************************
 * HOTEL THEME: Temptation Cancun Resort
 * Brand: Temptation (Original Group)
 * Brandbook: Diciembre 2025
 *
 * Colores corporativos:
 *   Magenta (Pantone 233C): #A5206F
 *   Negro   (Black 6C):     #10181F
 *   Gris    (Black 6C 45%): #9e9e9e
 *
 * Paleta complementaria:
 *   Teal      (7467C):          #00A2AE
 *   Rhodamine (Rhodamine Red C): #EB008B
 *   Morado    (2592U):          #9466AB
 *   Amarillo  (109C):           #FFD200
 *   Verde     (361C):           #37B34A
 *   Naranja   (Orange 021 U):   #F37440
 *
 * Tipografias (local webfonts):
 *   Cuerpo/UI:  Montserrat Regular (400) + Bold (700)
 *   Headlines:  Montserrat Bold (700)
 *
 * Nota: Aaux Pro y Din Condensed Bold son las fuentes del
 * brandbook. Si se obtienen las licencias web, agregar los
 * @font-face correspondientes y actualizar las variables.
 *******************************/

/* ===== @font-face — Montserrat (local) ===== */

@font-face {
    font-family: 'Montserrat';
    src: url(webfonts/Montserrat/Montserrat-Regular.eot);
    src: url(webfonts/Montserrat/Montserrat-Regular.woff2) format("woff2"),
         url(webfonts/Montserrat/Montserrat-Regular.woff) format("woff"),
         url(webfonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url(webfonts/Montserrat/Montserrat-Bold.woff2) format("woff2"),
         url(webfonts/Montserrat/Montserrat-Bold.woff) format("woff"),
         url(webfonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ===== Design tokens ===== */

:root {

  /* =========================================================
     1. BRAND — Identidad Temptation
     ========================================================= */

  --color-primary:          #A5206F;
  --color-primary-rgb:      165, 32, 111;
  --color-primary-hover:    #8a1a5d;
  --color-primary-soft:     rgba(165, 32, 111, 0.10);

  --color-secondary:        #00A2AE;
  --color-secondary-rgb:    0, 162, 174;
  --color-secondary-hover:  #008a94;

  /* =========================================================
     2. TEXT
     ========================================================= */

  --color-text-heading:     #10181F;
  --color-text-body:        #3a3a3a;
  --color-text-subtle:      #6b6b6b;
  --color-text-muted:       #9e9e9e;

  /* =========================================================
     3. BACKGROUNDS
     ========================================================= */

  --color-bg-body:          #f9f9f9;
  --color-bg-card:          #ffffff;
  --color-bg-subtle:        #f2f2f2;
  --color-bg-dark:          #10181F;

  /* =========================================================
     4. BORDERS
     ========================================================= */

  --color-border:           #e5e5e5;
  --color-border-light:     #f2f2f2;
  --color-border-strong:    #cccccc;

  /* =========================================================
     5. TYPOGRAPHY
     ========================================================= */

  --font-family-heading:    'Montserrat', 'Inter', sans-serif;
  --font-family-body:       'Montserrat', 'Inter', sans-serif;
  --font-family-ui:         'Montserrat', 'Inter', sans-serif;

  /* =========================================================
     6. BORDER RADIUS — Forma visual
     Temptation: bordes suaves, no sharp
     ========================================================= */

  --radius-button:          var(--radius-pill);
  --radius-card:            var(--radius-md);
  --radius-input:           var(--radius-sm);
  --radius-badge:           var(--radius-pill);
  --radius-modal:           var(--radius-lg);

  --color-bg-sidebar:     var(--color-primary);
  --color-text-sidebar:   #ffffff;
}