/* ================================================================
   LILA INVESTMENT GROUP — Main Stylesheet
   styles/main.css
   ================================================================ */

:root {
  /* ── Brand Pink (primary accent) ── */
  --pink:        #784C58;
  --pink-light:  #F2BFC1;
  --pink-mid:    #B07080;
  --pink-glow:   rgba(120, 76, 88, 0.35);
  --pink-subtle: rgba(242, 191, 193, 0.08);

  /* ── Brand Black/Grey ── */
  --carbon:   #000000;
  --charcoal: #0E0E0E;
  --smoke:    #171717;
  --ash:      #242424;
  --steel:    #3A3A3A;

  /* ── Text ── */
  --white:    #FEFFFF;
  --text:     #E8E2E3;
  --muted:    #9A8F91;
  --faint:    #5C5456;

  /* ── Machinery Yellow (used sparingly) ── */
  --yellow:       #E8B800;
  --yellow-light: #F5CC2A;

  /* ── Gradients ── */
  --grad-pink:    linear-gradient(135deg, #784C58 0%, #F2BFC1 100%);
  --grad-pink-v:  linear-gradient(180deg,  #784C58 0%, #F2BFC1 100%);
  --grad-dark:    linear-gradient(135deg, #000000 0%, #1A1215 100%);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Barlow', sans-serif;
  background: var(--carbon);
  color: var(--text);
  overflow-x: hidden;
}

/* ─── NOISE TEXTURE OVERLAY ─── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  opacity: 0.025;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
  pointer-events: none;
  z-index: 9999;
}

/* ─── SCROLLBAR ─── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--carbon); }
::-webkit-scrollbar-thumb { background: var(--pink); }