/* ═══════════════════════════════════════════════
   AII PROPERTY · SIRE GROUP — Design Tokens v4
   Single source of truth for all colour, type,
   spacing and shadow values across the site.
═══════════════════════════════════════════════ */

:root {
  /* ── Colour: Navy ─────────────────────────── */
  --navy-dd:   #101E30;
  --navy-d:    #1C2B42;
  --navy:      #2B3D5C;
  --navy-l:    #3A5070;

  /* ── Colour: Pink ─────────────────────────── */
  --pink-d:    #C94060;
  --pink:      #E8607A;
  --pink-l:    #F08096;
  --pink-pale: rgba(232,96,122,0.08);

  /* ── Colour: Neutrals ─────────────────────── */
  --white:     #FAFAF9;
  --cream:     #F3F1EC;
  --warm:      #EDE9E1;
  --grey:      #8E8880;
  --charcoal:  #343028;
  --ink:       #181410;

  /* ── Colour: Semantic ─────────────────────── */
  --positive:  #2E7A50;
  --gold:      #B08840;

  /* ── Border shortcuts ─────────────────────── */
  --border:      rgba(0,0,0,0.07);
  --border-dark: rgba(255,255,255,0.07);

  /* ── Typography ───────────────────────────── */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Outfit', system-ui, sans-serif;

  /* ── Spacing scale ────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  80px;
  --sp-10: 96px;
  --sp-11: 112px;
  --sp-12: 128px;

  /* ── Layout ───────────────────────────────── */
  --max-w:    1200px;
  --gutter:   72px;
  --section-v: 112px;
}

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

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

body {
  font-family: var(--font-body);
  font-weight: 300;
  color: var(--charcoal);
  background: var(--white);
  overflow-x: hidden;
  line-height: 1.75;
}

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