/* =========================================
   Eagle Prime Premium Theme
========================================= */

/* ===== Brand Colors ===== */
:root{
  --ep-beige:#CBB8A6;
  --ep-beige-hover:#B79F89;
  --ep-brown:#6B1D14;
  --ep-brown-dark:#4B241C;
  --ep-bg:#F4ECE3;
}

/* =========================================
   Logo sizing
========================================= */

img[src*="logo.svg"],
img[src*="logo_dark.svg"]{
  height:95px !important;
  width:auto !important;
  max-width:420px !important;
}

/* =========================================
   Page text color
========================================= */

body{
  color:var(--ep-brown-dark) !important;
}

/* =========================================
   Login card shadow
========================================= */

.rounded-xl,
.rounded-2xl{
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
}

/* =========================================
   Primary Buttons
========================================= */

button[type="submit"],
.bg-n-brand,
.bg-woot{
  background:var(--ep-beige) !important;
  border-color:var(--ep-beige) !important;
  color:var(--ep-brown-dark) !important;
  font-weight:600 !important;
}

button[type="submit"]:hover,
.bg-n-brand:hover,
.bg-woot:hover{
  background:var(--ep-beige-hover) !important;
  border-color:var(--ep-beige-hover) !important;
}

/* =========================================
   Links
========================================= */

a,
.text-link,
.text-n-brand{
  color:var(--ep-brown) !important;
}

a:hover{
  color:var(--ep-brown-dark) !important;
}

/* =========================================
   Inputs
========================================= */

input,
textarea,
select{
  border-color:#E6D8C9 !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--ep-beige) !important;
  box-shadow:0 0 0 2px rgba(203,184,166,.35) !important;
}

/* =========================================
   Typography
========================================= */

h1,
h2,
h3,
h4,
.font-medium,
.font-semibold,
.font-bold{
  color:var(--ep-brown-dark) !important;
}

/* =========================================
   Login helper text
========================================= */

.text-n-slate-11,
.text-n-slate-12,
.text-slate-11,
.text-slate-12{
  color:#5C342B !important;
}

/* =========================================
   Card borders
========================================= */

.bg-white,
.bg-n-alpha-3,
.bg-n-background,
.bg-n-surface-2{
  border-color:#EEE2D6 !important;
}

/* =========================================
   Button feel
========================================= */

button{
  transition:all .18s ease !important;
}