/* ================================
   BASE RESET & DESIGN TOKENS
   ================================ */

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

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  line-height: 1.65;
  background-color: #ffffff;
  color: #1f2f3a;
  -webkit-font-smoothing: antialiased;
}

/* ================================
   MODERN PROFESSIONAL DESIGN TOKENS
   ================================ */

:root {
  /* Brand colours */
 --blue-main: #0e2a3b;   /* Deep navy – authority */
--blue-soft: #1b3f55;   /* Controlled gradient */

  --gold-accent: #d4b36a;

  /* Backgrounds */
  --bg-white: #ffffff;
  --bg-soft: #f9fbfc;

  /* Text */
  --text-dark: #1f2f3a;
  --text-muted: #506a7b;
  --text-light: #e8eff4;

  /* Borders & shadow */
  --border-soft: #dde6ed;
  --shadow-soft: 0 18px 48px rgba(0,0,0,0.14);

  /* Typography */
  --font-heading: 'Playfair Display', serif;

  /* Spacing */
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;

  /* Containers */
  --container-md: 960px;
  --container-lg: 1200px;

  /* Transitions */
  --transition-base: 0.35s ease;
}

/* Link reset */
a {
  color: inherit;
  text-decoration: none;
}