/* ============================================================
   BASE.CSS — Reset, CSS Variables, Typography, Utilities
   Mama Tee Catering & General Service Enterprises
   ============================================================ */

:root {
  /* Brand Greens */
  --g900:#071a09; --g800:#0d2710; --g700:#14391a; --g600:#1b4f24;
  --g500:#246830; --g400:#2e8a3e; --g300:#47a85a; --g200:#80c98e;
  --g100:#c2e8c9; --g050:#eef8f0;

  /* Brand Golds */
  --gold:#c8911e; --gold-lt:#e8b340; --gold-dk:#9b6d12;

  /* Neutrals */
  --cream:#fdf8f0; --cream2:#f5edd8; --white:#ffffff; --red:#c0392b;

  /* Text */
  --text-primary:#1c1c1c; --text-secondary:#404040;
  --text-muted:#767676; --text-inverted:#ffffff;

  /* Fonts */
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'DM Sans',system-ui,sans-serif;

  /* Spacing */
  --sp-1:.25rem; --sp-2:.5rem; --sp-3:.75rem; --sp-4:1rem;
  --sp-5:1.25rem; --sp-6:1.5rem; --sp-8:2rem; --sp-10:2.5rem;
  --sp-12:3rem; --sp-16:4rem; --sp-20:5rem;

  /* Radius */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-xl:22px; --r-full:9999px;

  /* Shadows */
  --sh-sm:0 1px 8px rgba(7,26,9,.07);
  --sh-md:0 2px 20px rgba(7,26,9,.10);
  --sh-lg:0 8px 48px rgba(7,26,9,.18);

  /* Transitions */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:0.18s; --dur-base:0.28s; --dur-slow:0.45s;

  /* Z-index */
  --z-nav:900; --z-overlay:1800; --z-modal:2000; --z-toast:5000;
}

/* Reset */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--cream);
  color:var(--text-primary);overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:var(--font-body);border:none;background:none}
input,select,textarea{font-family:var(--font-body)}
ul,ol{list-style:none}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--g050)}
::-webkit-scrollbar-thumb{background:var(--g300);border-radius:3px}

/* Typography helpers */
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1}
.text-white{color:var(--white)!important}
.text-gold{color:var(--gold-lt)}
.text-green{color:var(--g300)}
.text-muted{color:var(--text-muted)}
.italic{font-style:italic}
.loading-state{grid-column:1/-1;padding:var(--sp-16);text-align:center;color:var(--text-muted);font-size:.95rem}