@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Inter:wght@400;500;600&family=La+Belle+Aurore&display=swap');

:root {
  color-scheme: light;
  --color-primary: #433b70;
  --color-primary-contrast: #fffdf9;
  --color-bg: #f7f3ed;
  --color-surface: #fffdf9;
  --color-text: #27243a;
  --color-muted: #696476;
  --color-lavender: #e9e2f0;
  --color-rose: #f1e2df;
  --color-sage: #e4e9df;
  --color-line: #dcd4e2;
  --color-overlay: rgb(41 36 59 / 25%);
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', Arial, sans-serif;
  --font-script: 'La Belle Aurore', cursive;
  --radius: 6px;
  --radius-pill: 999px;
  --radius-hero: 48% 48% var(--radius) var(--radius);
  --shadow: 0 16px 50px rgb(57 48 77 / 7%);
}

body.night {
  color-scheme: dark;
  --color-primary: #b9a8e8;
  --color-primary-contrast: #171622;
  --color-bg: #171622;
  --color-surface: #211f2c;
  --color-text: #eee8f4;
  --color-muted: #b4aabd;
  --color-lavender: #292438;
  --color-rose: #332629;
  --color-sage: #252e2a;
  --color-line: #393345;
  --color-overlay: rgb(0 0 0 / 36%);
  --shadow: 0 16px 50px rgb(0 0 0 / 20%);
}

body.reading {
  color-scheme: light;
  --color-primary: #51436f;
  --color-primary-contrast: #f8f0df;
  --color-bg: #f2e8d4;
  --color-surface: #f8f0df;
  --color-text: #332b25;
  --color-muted: #75695e;
  --color-lavender: #e8dcc5;
  --color-rose: #efddd1;
  --color-sage: #e3e4d2;
  --color-line: #d5c6ac;
  --color-overlay: rgb(41 36 30 / 24%);
  --shadow: 0 16px 50px rgb(57 48 37 / 8%);
}

a {
  color: var(--color-primary) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--color-primary);
  text-decoration-thickness: 1px;
  text-underline-offset: .22em;
}