@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Dancing+Script:wght@400;600;700&family=Open+Sans:wght@400;500;600&display=swap");
:root {
  --color-moss: #1A3A5C;
  --color-moss-light: #2c4c6e;
  --color-fern: #2E6DA8;
  --color-lichen: #4b95c3;
  --color-birch: #F0F5FA;
  --color-birch-dark: #e2e7ec;
  --color-gold: #ffffff;
  --color-gold-light: #ffffff;
  --color-ink: #0F1F33;
  --font-heading: 'Playfair Display', cursive, Georgia, serif;
  --font-subheading: 'Dancing Script', cursive, Georgia, serif;
  --font-body: 'Open Sans', system-ui, sans-serif;
}
[data-theme="dark"] {
  --color-ink: #e2e6e9;
  --color-surface: #1f2226;
  --color-surface-alt: #181b1d;
  --color-muted: #a1a8af;
  --color-border: #353a41;
  --color-border-light: #292e32;
  --color-lichen: #4b95c3;
  --color-gold: #ffffff;
  --color-gold-light: #ffffff;
  --dk-canvas: #111315;
  --dk-raised: #292e32;
  --dk-raised-high: #32383e;
  --dk-brand-ink: #8cb1d9;
  --dk-brand-accent: #6ea0cf;
  --dk-brand-line: #386fa8;
  --dk-brand-tint: rgba(140, 177, 217, 0.1);
  --dk-brand-tint-strong: rgba(140, 177, 217, 0.2);
}