/* Mantou Oma Theme v1
   Single source of truth for global look & feel across ALL pages.
*/
:root{
  --brand-900: #7c2d12; /* orange-900-ish */
  --brand-800: #9a3412; /* orange-800 */
  --brand-700: #c2410c; /* orange-700 */
  --brand-600: #ea580c; /* orange-600 */
  --stone-950: #0c0a09;
  --stone-900: #1c1917;
}

html { scroll-behavior: smooth; }

/* Reusable component classes (still compatible with Tailwind utilities) */
.glass-nav{
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(10px);
}
.card{
  background: rgba(255,255,255,.9);
  border: 1px solid rgb(231 229 228); /* stone-200 */
  border-radius: 1.5rem;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
.card-hero{
  border-radius: 2.5rem;
  box-shadow: 0 18px 35px rgba(0,0,0,.10);
}
.btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-weight: 800;
  border-radius: 2rem;
  padding: .95rem 1.4rem;
  transition: all .18s ease;
}
.btn-primary{
  background: rgb(28 25 23); /* stone-900 */
  color: white;
}
.btn-primary:hover{
  background: var(--brand-600);
}
.btn-ghost{
  background: white;
  border: 1px solid rgb(231 229 228);
  color: rgb(28 25 23);
}
.btn-ghost:hover{
  border-color: rgb(253 186 116); /* orange-300 */
}
.badge{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .25rem .8rem;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.badge-brand{
  background: rgb(255 237 213); /* orange-100 */
  color: rgb(194 65 12);        /* orange-700 */
}


body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fafaf9;color:#292524;}
.mobile-menu{display:none;}
.mobile-menu.show{display:block;}
a{text-decoration:none;}
button{cursor:pointer;}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.65;cursor:not-allowed;}
:focus-visible{outline:2px solid rgba(234,88,12,.55);outline-offset:2px;}