/* Design tokens: colours, fonts, typography and layout values. */
:root {
  --color-ink: #272320;
  --color-paper: #fbfaf7;
  --color-sand: #e8e1d4;
  --color-aqua: #359ca0;
  --color-gold: #d5ae3e;
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'DM Sans', Arial, sans-serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --layout-frame-max: 90rem;
  
  --color-white: #fff;
  --color-surface: #fffdf9;
  --color-on-dark: #fffdf8;
  --color-taupe: #baad92;
  --color-surface-muted: #f1eadf;
  --color-text-muted: #635d55;
  --color-text-muted-strong: #625c54;
  --color-border-soft: #d7cebf;
  --color-gold-soft: #e4bf43;
  --color-gold-strong: #e8c448;
  --color-gold-figma: #ddbd57;
  --color-aqua-strong: #439e9d;
  --color-form-border: #aaa092;
  --color-form-text: #403b35;
  --color-success-bg: #e2f0e8;
  --color-success-text: #2d6754;
  --color-error-bg: #f7e4df;
  --color-error-text: #9a483d;


  --brand-cream: #FBF8F3;
  --brand-warm: #F2EBE0;
  --brand-card: #EAE4D8;
  --brand-stone: #BAAD92;
  --brand-stone-pale: #DDD8CA;
  --brand-teal: #469B98;
  --brand-teal-deep: #337A78;
  --brand-gold: #DDBD57;
  --brand-gold-deep: #C0A030;
  --brand-text: #2A2520;
  --brand-text-mid: #5C5648;
  --brand-muted: #8A8070;
}