:root {
  /* Identidad oficial */
  --brand-name: "KONTAX Portal";
  --brand-domain: "kontaxrd.com";

  /* Colores principales */
  --color-primary: #B8922A;
  --color-primary-hover: #D4AB50;
  --color-secondary: #162639;
  --color-accent: #F5E9CC;

  /* Navys de marca */
  --color-navy-1: #0D1B2A;
  --color-navy-2: #162639;
  --color-navy-3: #1E3550;

  /* Fondos */
  --color-bg-main: #0D1B2A;
  --color-bg-soft: #FAF8F4;
  --color-surface: #162639;
  --color-surface-2: #1E3550;
  --color-surface-light: #FFFFFF;

  /* Texto */
  --color-text: #0D1B2A;
  --color-text-soft: #5C6E82;
  --color-text-light: #8A9BB0;
  --color-text-inverse: #FFFFFF;

  /* Estados */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #8A9BB0;

  /* Bordes */
  --color-border: #DDD8CF;
  --color-border-strong: #B8922A;

  /* Tipografías */
  --font-primary: "Outfit", sans-serif;
  --font-secondary: "Cormorant Garamond", serif;

  /* Radios */
  --radius-sm: 2px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Sombras */
  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.18);

  /* Espaciado / branding */
  --navbar-height: 68px;
  --brand-border-gold: 1px solid #B8922A;
  --brand-letterspacing-wordmark: 0.20em;
  --brand-letterspacing-subtitle: 0.24em;
  --brand-letterspacing-label: 0.09em;

  /*
   * PORTAL-UI-FAMILY-01-B
   * Alias de compatibilidad para variables inline históricas.
   * No cambia la paleta visual; centraliza referencias existentes.
   */
  --gold:  var(--color-primary);
  --textm: var(--color-text-light);
  --text:  var(--color-text-inverse);
  --err:   var(--color-error);
  --warn:  var(--color-warning);
  --r:     var(--radius-md);
  --navy2: var(--color-surface);
  --navy4: var(--color-surface-2);
}

/* Utilidad mínima para prueba visual */
.brand-debug {
  color: var(--color-text);
  background: var(--color-surface-light);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-soft);
}