@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Great+Vibes&family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap");
:root, :root:root {
  --bg: #fbf9f6;
  --surface: #ffffff;
  --sand: #f1ece4;
  --ink: #2a2420;
  --muted: #786d64;
  --line: #e7dfd4;
  --cypress: #2f2a26;
  --cypress-fg: #f8f3ea;
  --cypress-muted: #c5b9a9;
  --gold: #b8965a;
  --gold-ink: #1f170c;
  --gold-soft: #f3ead9;
  --rose: #b07a7a;
  --f-display: "Cormorant Garamond", Garamond, Georgia, serif;
  --f-script: "Great Vibes", "Snell Roundhand", cursive;
  --f-body: "Montserrat", system-ui, sans-serif;
  --heading-weight: 500;
  --script-scale: 1.3;
  --paper: #fffdf9;
  --paper-ink: #2a2420;
  --paper-muted: #6d6259;
  --paper-line: #e7dfd4;
  --paper-accent: #b8965a;
  --paper-accent-ink: #8c6d36;
  --env-bg1: #3a332d;
  --env-bg2: #1f1b18;
  --env-text: #f8f3ea;
  --env-muted: #c5b9a9;
  --env-paper: #efe7da;
  --env-front1: #f6f0e6;
  --env-front2: #ebe2d3;
  --env-flap1: #e6dccb;
  --env-flap2: #dccfb9;
  --seal1: #d2b277;
  --seal2: #a8854a;
  --seal3: #7f6232;
  --seal-ink: #fff8ea;
  color-scheme: light;
}
/* Eigene Farben */
:root:root:root {
  --cypress: #004d65;
  --cypress-fg: #fbf8f2;
  --cypress-muted: color-mix(in srgb, #fbf8f2 68%, #004d65);
  --env-bg1: color-mix(in srgb, #004d65 82%, #ffffff);
  --env-bg2: color-mix(in srgb, #004d65 72%, #000000);
  --env-text: #fbf8f2;
  --env-muted: color-mix(in srgb, #fbf8f2 68%, #004d65);
  --gold: #c9ced6;
  --gold-ink: #1b140e;
  --gold-soft: color-mix(in srgb, #c9ced6 20%, #ffffff);
  --paper-accent: #c9ced6;
  --paper-accent-ink: color-mix(in srgb, #c9ced6 65%, #000000);
  --seal1: color-mix(in srgb, #c9ced6 80%, #ffffff);
  --seal2: #c9ced6;
  --seal3: color-mix(in srgb, #c9ced6 70%, #000000);
  --seal-ink: #2a1d14;
  --hero-accent: color-mix(in srgb, #c9ced6 60%, #ffffff);
}