/* ============================================================
   CSS Custom Properties & Global Reset
   Ingenious Solutions Ltd
   ============================================================ */

:root {
  /* ── Backgrounds (Redington-style lavender-blue tint) ── */
  --bg:       #EDF0F9;
  --bg-soft:  #E5EAF6;
  --bg-alt:   #D8DEEE;
  --bg-white: #FFFFFF;

  /* ── Dark surfaces (footer, hero overlay, CTA) ── */
  --dark:     #0B1526;
  --dark-2:   #132035;

  /* ── Brand accent (corporate teal) ── */
  --accent:       #009E7A;
  --accent-dark:  #007D60;
  --accent-faint: #E5F5F1;

  /* ── Supporting ── */
  --blue: #2563EB;

  /* ── Typography ── */
  --heading: #0B1526;
  --body:    #44566A;
  --muted:   #7A8FA8;
  --faint:   #AAB9C8;

  /* ── Borders ── */
  --border:      #E0E9F2;
  --border-dark: rgba(255, 255, 255, 0.08);

  /* ── Shadows ── */
  --shadow-sm: 0 1px 4px  rgba(11, 21, 38, 0.06);
  --shadow:    0 4px 18px rgba(11, 21, 38, 0.09);
  --shadow-lg: 0 14px 44px rgba(11, 21, 38, 0.13);

  /* ── Gradient (used sparingly) ── */
  --grad: linear-gradient(135deg, #009E7A, #2563EB);
}

/* ── Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--bg);
  color: var(--body);
  line-height: 1.65;
  overflow-x: hidden;
}

a    { color: inherit; text-decoration: none; }
ul   { list-style: none; }
img  { display: block; max-width: 100%; }