/* FrèreMUN 2026 brand refresh
   Palette sampled from the official emblem. Kept separate from the generated
   application CSS so this layer is easy to review, update, or roll back. */
:root {
  --frere-navy: #071a55;
  --frere-navy-deep: #04113d;
  --frere-green: #3f684d;
  --frere-green-dark: #2f523b;
  --frere-sage: #aec9a3;
  --frere-ivory: #f7f4e8;
  --frere-stone: #aaa99f;
}

body {
  background: var(--frere-ivory);
}

html,
body,
#root {
  max-width: 100%;
  overflow-x: hidden;
}

/* Core navy surfaces now use the deeper blue found in the emblem. */
.bg-frere-navy {
  background-color: var(--frere-navy) !important;
}

.from-frere-navy {
  --tw-gradient-from: var(--frere-navy) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(7 26 85 / 0) var(--tw-gradient-to-position) !important;
}

.to-\[\#2a4580\] {
  --tw-gradient-to: var(--frere-green-dark) var(--tw-gradient-to-position) !important;
}

.text-frere-navy {
  color: var(--frere-navy) !important;
}

.border-frere-navy {
  border-color: var(--frere-navy) !important;
}

.hover\:bg-frere-navy:hover {
  background-color: var(--frere-navy) !important;
}

/* Replace the previous yellow/gold accent with the logo's olive green. */
.text-frere-gold {
  color: var(--frere-green) !important;
}

.bg-frere-gold {
  background-color: var(--frere-sage) !important;
}

.border-frere-gold {
  border-color: var(--frere-sage) !important;
}

.hover\:text-frere-gold:hover {
  color: var(--frere-green) !important;
}

.hover\:bg-frere-gold:hover {
  background-color: #c0d6b7 !important;
}

.hover\:border-frere-gold:hover {
  border-color: var(--frere-sage) !important;
}

/* Lighten green when it appears on navy so labels and hero type stay legible. */
.bg-frere-navy .text-frere-gold,
.from-frere-navy .text-frere-gold {
  color: var(--frere-sage) !important;
}

/* Preserve the existing translucent utility hierarchy with the new accent. */
.bg-frere-gold\/5 { background-color: rgb(63 104 77 / 0.05) !important; }
.bg-frere-gold\/10 { background-color: rgb(63 104 77 / 0.10) !important; }
.bg-frere-gold\/15 { background-color: rgb(63 104 77 / 0.15) !important; }
.border-frere-gold\/30 { border-color: rgb(63 104 77 / 0.30) !important; }
.border-frere-gold\/40 { border-color: rgb(63 104 77 / 0.40) !important; }
.hover\:border-frere-gold\/30:hover { border-color: rgb(63 104 77 / 0.30) !important; }

/* Warm the light surfaces to echo the keffiyeh field in the emblem. */
.bg-white,
.bg-gray-50 {
  background-color: #fffdf7 !important;
}

/* The detailed crest remains crisp and contained at every breakpoint. */
header img[alt="FrèreMUN Logo"] {
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgb(7 26 85 / 0.10));
}

footer img[alt="FrèreMUN Logo"] {
  filter: drop-shadow(0 3px 10px rgb(0 0 0 / 0.18));
}

::selection {
  color: #fff;
  background: var(--frere-green);
}