/* styles.css — Zheng Restaurant Global Theme */
/* NOTE: We now load fonts in header.php to avoid duplicates, but we define the classes here. */

:root {
  --brand-red: #8b0000;      /* Deep Red / Crimson */
  --brand-gold: #d4af37;     /* Gold */
  --brand-dark: #3b2b24;     /* Dark Brown/Black for text */
  --brand-light: #fffaf6;    /* Warm White */
  --font-ui: 'Poppins', sans-serif;
  --font-text: 'Lato', sans-serif;
  --font-heading: 'Playfair Display', serif;
  --font-fancy: 'Cinzel', serif;
}

body {
  font-family: var(--font-text); /* Default body font */
  background-color: var(--brand-light);
  color: var(--brand-dark);
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Typography Defaults */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  color: #f0f0f0 var(--brand-red);
  
}

.font-fancy { font-family: var(--font-fancy); }
.font-ui { font-family: var(--font-ui); }

/* Link Overrides */
a {
  color: var(--brand-red);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover {
  color: var(--brand-gold);
}

/* BUTTONS: Overriding Bootstrap */
.btn-primary, .btn-crimson {
  background-color: var(--brand-red);
  border-color: var(--brand-red);
  color: #fff;
  font-family: var(--font-ui);
  letter-spacing: 1px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-crimson:hover {
  background-color: #660000 !important;
  border-color: #660000 !important;
}

.btn-outline-primary {
  color: var(--brand-red);
  border-color: var(--brand-red);
}

.btn-outline-primary:hover {
  background-color: var(--brand-red);
  color: #fff;
}

/* Helper Utilities */
.text-gold { color: var(--brand-gold) !important; }
.text-crimson { color: var(--brand-red) !important; }
.bg-crimson { background-color: var(--brand-red) !important; }
.ls-1 { letter-spacing: 1px; }
.ls-2 { letter-spacing: 2px; }

/* Global Footer Adjustments */
footer {
  background-color: var(--brand-dark);
  color: #fff;
  margin-top: auto;
}