/* ===================================================================
   IREU BRAND TOKENS — edit colors & fonts here, applies site-wide
   =================================================================== */
:root {
  /* Brand: Sand · Mid Blue · Deep Navy */
  --sand: #C7A575;          /* Brand sand/tan */
  --sand-light: #D9BC91;    /* Lighter sand */
  --sand-deep: #A88557;     /* Deeper bronze */
  --sand-faint: rgba(199, 165, 117, 0.15);

  --blue: #4D7BA7;          /* Brand mid blue */
  --blue-light: #7099C0;    /* Lighter steel */
  --blue-deep: #2F5A85;     /* Deeper blue */

  --navy: #374972;          /* Brand deep navy */
  --navy-deep: #283656;     /* Richer navy */
  --navy-ink: #1A2440;      /* Near-black navy */

  /* Paper — warm ivory keyed off the sand */
  --paper: #F8F4ED;
  --paper-warm: #F0E9DA;
  --paper-deep: #E5D9C0;
  --cream: #FCF9F2;

  /* Ink — navy-tinted black for brand cohesion */
  --ink: #1F2540;
  --ink-soft: #353B5A;
  --ink-mute: #5C6280;

  /* Subtle */
  --line: rgba(55, 73, 114, 0.16);
  --line-soft: rgba(55, 73, 114, 0.08);
  --mute: rgba(31, 37, 64, 0.62);
  --mute-deep: rgba(31, 37, 64, 0.78);

  /* Gradients */
  --grad-brand: linear-gradient(135deg, var(--sand) 0%, var(--blue) 50%, var(--navy) 100%);
  --grad-blues: linear-gradient(135deg, var(--blue) 0%, var(--navy) 100%);
  --grad-sand: linear-gradient(180deg, var(--sand-light) 0%, var(--sand) 50%, var(--sand-deep) 100%);
  --grad-sand-text: linear-gradient(180deg, #E8CFA8 0%, var(--sand) 100%);

  --font-serif: "Playfair Display", serif;
  --font-sans: "Inter", system-ui, sans-serif;

  --max-w: 1380px;
  --gutter: clamp(20px, 4vw, 64px);
  --section-pad: clamp(52px, 6vw, 72px);
}