/* ===================================================
   HYUNDAI THEME VARIABLES & COLOR UTILITIES (PREFIX: nx-)
   =================================================== */

:root {
  --hyundai-blue: #002C6C;
  --hyundai-light-blue: #007FA8;
  --hyundai-accent: #00AAD2;
  --bg-stage: #080D14;
  --surface-card: rgba(255, 255, 255, 0.04);
  --border-subtle: rgba(255, 255, 255, 0.08);
  --text-primary: #FFFFFF;
  --text-secondary: #94A3B8;
}

/* --- Text Color Classes --- */
.nx-text-blue        { color: var(--hyundai-blue) !important; }
.nx-text-light-blue  { color: var(--hyundai-light-blue) !important; }
.nx-text-accent      { color: var(--hyundai-accent) !important; }
.nx-text-primary     { color: var(--text-primary) !important; }
.nx-text-secondary   { color: var(--text-secondary) !important; }

/* --- Background Color Classes --- */
.nx-bg-blue          { background-color: var(--hyundai-blue) !important; }
.nx-bg-light-blue    { background-color: var(--hyundai-light-blue) !important; }
.nx-bg-accent        { background-color: var(--hyundai-accent) !important; }
.nx-bg-stage         { background-color: var(--bg-stage) !important; }
.nx-bg-card          { background-color: var(--surface-card) !important; }

/* --- Border Color Classes --- */
.nx-border-blue      { border-color: var(--hyundai-blue) !important; }
.nx-border-light-blue{ border-color: var(--hyundai-light-blue) !important; }
.nx-border-accent    { border-color: var(--hyundai-accent) !important; }
.nx-border-subtle    { border-color: var(--border-subtle) !important; }