/* Brand palette, restrained gradients and local typography. */
:root {
  --color-petrol: #07363c;
  --color-ink: #152e31;
  --color-deep: #10272a;
  --color-paper: #f1eee8;
  --color-champagne: #e4c4a1;
  --color-portrait: #d9c5ad;
  --color-soft: #e7e4dc;
  --gradient-champagne: linear-gradient(135deg, #e8dcc8 0%, #dfcdb1 55%, #d0b995 100%);
  --gradient-petrol: linear-gradient(135deg, #2b545a 0%, #24494f 55%, #1b3d46 100%);

  --surface-dark: var(--color-petrol);
  --surface-deep: var(--color-deep);
  --surface-light: var(--color-paper);
  --text-on-dark: var(--color-paper);
  --text-on-light: var(--color-ink);
  --accent-on-dark: var(--color-champagne);

  --font-primary: 'Bricolage Grotesque', 'Arial', sans-serif;
  --font-editorial: 'Newsreader', 'Georgia', serif;

  --motion-ease: cubic-bezier(.22,.68,0,1);
  --motion-fast: 180ms;
  --motion-control: 320ms;
  --motion-reveal: 800ms;
  --motion-step: 70ms;
}