/* =====================================================================
   Inmersum — Theme global
   Paleta cyan/aqua técnico-marítimo, fonts modernas
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');

:root {
  /* Paleta Inmersum */
  --color-primary:       #0891B2;
  --color-primary-dark:  #155E75;
  --color-primary-light: #67E8F9;
  --color-accent:        #F59E0B;
  --color-surface:       #FFFFFF;
  --color-bg:            #F0FDFF;
  --color-bg-soft:       #ECFEFF;
  --color-text:          #0F172A;
  --color-text-soft:     #64748B;
  --color-border:        #CFFAFE;
  --color-success:       #059669;
  --color-warning:       #D97706;
  --color-danger:        #DC2626;

  /* Aliases (compat con código portado de southsea/buceo) */
  --primary:    #0891B2;
  --secondary:  #155E75;
  --accent:     #F59E0B;
  --highlight:  #67E8F9;
  --bg:         #F0FDFF;
  --card:       #FFFFFF;
  --text:       #0F172A;
  --muted:      #64748B;
  --border:     #CFFAFE;
  --success:    #059669;
  --warning:    #D97706;
  --danger:     #DC2626;
  --sea:        #0891B2;
  --sea-dark:   #155E75;

  /* Sombras y radios */
  --shadow-soft: 0 8px 24px rgba(8, 145, 178, 0.08);
  --shadow-card: 0 12px 36px rgba(8, 145, 178, 0.12);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
}

* {
  box-sizing: border-box;
}

body, button, input, textarea, select {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  line-height: 1.6;
  margin: 0;
}

h1, h2, h3, h4 {
  font-family: 'Sora', 'Inter', sans-serif;
  letter-spacing: -0.02em;
  color: var(--color-primary-dark);
}

a {
  color: var(--color-primary);
  text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Override universal de nav azul-marino del intranet → cyan Inmersum */
nav {
  background: var(--color-primary-dark) !important;
}
.nav-link.active { background: var(--color-primary) !important; }