:root {
  /* Blue / white scheme — matched to buildkalkan.com (azure #00A5EA, navy #112E45) */
  --color-chalk:     #FFFFFF;
  --color-limewash:  #F1F7FC;
  --color-linen:     #E4F1FA;
  --color-stone:     #C3DBEC;
  --color-sand:      #9BBAD0;
  --color-driftwood: #5C7A90;
  --color-ink-soft:  #2C4A63;
  --color-ink:       #112E45;

  --color-aegean-deep: #0A1E30;
  --color-aegean:      #123C5E;
  --color-sea:         #00A5EA;
  --color-olive:       #2C7DA8;
  --color-brass:       #00A5EA;
  --color-ochre:       #4FB9EE;
  --color-coral:       #2C7DA8;
  --color-terracotta:  #00A5EA;
  --color-dusk:        #123C5E;

  --font-sans:    'Cabinet Grotesk', system-ui, -apple-system, 'Helvetica Neue', sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.1875rem;
  --fs-xl:   1.5rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-10: 8rem;

  --container-max: 1920px;
  --content-max:   1248px;
  --reading-max:   672px;
  --gutter:        clamp(1rem, 4vw, 2rem);

  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --d-fast:     160ms;
  --d-base:     240ms;
  --d-slow:     480ms;
  --d-kenburns: 14s;
}

@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/CabinetGrotesk-Variable.ttf') format('truetype-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}