/* Design tokens, redesign after marifinbridal.be (brief D11): monochrome with pink. No gold, no green. */
:root {
  /* surfaces */
  --paper: #F4F1EE;
  --paper-raised: #FFFFFF;
  /* text */
  --ink: #181616;
  --ink-2: #3A3535;         /* running text */
  --ink-soft: #66605D;      /* captions, secondary text (AA on paper and white) */
  --ink-faint: #B2B2B2;     /* lines and labels on dark only, never text on light */
  /* lines */
  --line: #E2DCD6;
  --line-strong: #CFC7BF;
  /* pink: main buttons, accents. Text on pink is always --ink (about 10:1). */
  --accent: #F8AFC8;
  --accent-pale: #FFF9F9;
  /* form errors */
  --error: #9B2C2C;
  /* track tags: the only visual difference between the tracks */
  --tag-events-bg: #FCEEF2;  --tag-events-ink: #8E3B57;   /* pale pink */
  --tag-styling-bg: #ECE7E1; --tag-styling-ink: #5E5248;  /* warm greige */
  /* photo stub gradients */
  --g-rose:  linear-gradient(135deg, #FFF9F9 0%, #FCEEF2 45%, #F8AFC8 100%);
  --g-beige: linear-gradient(150deg, #F4F1EE 0%, #E2DCD6 55%, #B2B2B2 100%);
  /* dark ground: footer, seam badge, lightbox */
  --dark: #181616;
  --dark-ink: #F4F1EE;
  /* noise overlay for photo stubs (8%, overlay) */
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  /* type: one family; headings upright, uppercase, weight 400 */
  --font: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  /* type scale, mobile values; tablet and desktop overrides below */
  --fs-h1: 1.875rem;   /* 30px */
  --fs-h2: 1.5625rem;  /* 25px */
  --fs-h3: 1.375rem;   /* 22px */
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .75rem;
  /* shape */
  --radius: 0;
  --focus: 2px solid var(--ink);
  /* motion: photo zoom tied to scroll is set from js/site.js; buttons fade */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-button: .45s;
  color-scheme: light;
}

@media (min-width: 768px) {
  :root {
    --fs-h1: 2.875rem;   /* 46px */
    --fs-h2: 2.375rem;   /* 38px */
    --fs-h3: 1.875rem;   /* 30px */
  }
}
@media (min-width: 1100px) {
  :root {
    --fs-h1: 4.25rem;    /* 68px */
    --fs-h2: 3rem;       /* 48px */
    --fs-h3: 2.375rem;   /* 38px */
  }
}