/* ============================================================
   Self-hosted fonts for Inspiration For You Club App
   
   Required .woff2 files (place in same folder as this file,
   or adjust paths below):
   
   Cormorant Garamond:
     cormorant-garamond-300.woff2
     cormorant-garamond-300-italic.woff2
     cormorant-garamond-400.woff2
     cormorant-garamond-400-italic.woff2
     cormorant-garamond-600.woff2
   
   Jost:
     jost-300.woff2
     jost-400.woff2
     jost-500.woff2
   
   Download files from: https://gwfh.mranftl.com/fonts
   Search "Cormorant Garamond" and "Jost"
   ============================================================ */

/* ── Cormorant Garamond ── */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('cormorant-garamond-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('cormorant-garamond-300-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('cormorant-garamond-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('cormorant-garamond-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('cormorant-garamond-600.woff2') format('woff2');
}

/* ── Jost ── */

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('jost-300.woff2') format('woff2');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('jost-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('jost-500.woff2') format('woff2');
}
#app .text-blue-500, #app .text-indigo-600 {
    color: #946c0a;
}
#app .text-indigo-600:hover {
	color: #c5951f;
}
#app button.text-white {
	background: #946c0a;
}
#app button.text-white:hover {
	background: #c5951f;
}
#app .focus\:ring-indigo-600:focus, #app .focus\:ring-indigo-500:focus {
	--tw-ring-color: #946c0a;
}
#app .focus\:ring-indigo-500:focus {
	border-color: #946c0a;
}
main.bg-white {
	background: #fcfcf2;
}
.footernav {
	width: 100%;
	background: transparent;
	border-top: 2px solid #946c0a;
}
.start a.bg-slate-700 {
	background-color: rgb(148 108 10);
	margin: 10px;
	font-size: 20px;
    color: white;
}
.start a.bg-slate-700:hover {
	background: #b68a1d;
}
#app .bg-white {
    background-color: #fffcef;
	border-color: #785c1338;
}
#app .shadow-sm {
    --tw-shadow: 0 1px 2px 0 #dcb85838;
}
.absolute button.active::after {
	content: '';
}
.absolute.z-10 button.p-1.rounded-full.transition-colors {
	border: 1px solid #b49855;
}
main.main-content .hero p.text-gray-300 {
	color: rgb(180 126 7);
	font-size: 17px;
}
.hero form.space-y-6 .border-t.pt-4 .space-y-4 .bg-gray-50 {
    background-color: rgb(255 251 223);
    border-color: #946c0a;
}
.hero .min-h-screen.bg-slate-800 .text-center.mb-4 {
    margin-top: 30px;
}