/* ==========================================================================
   Foundations
   ========================================================================== */

:root {
  color-scheme: dark;
  --green: #34a784;
  --green-deep: #0d352d;
  --green-shadow: #09231f;
  --gold: #f0ce7a;
  --gold-soft: rgba(240, 206, 122, 0.14);
  --gold-line: rgba(240, 206, 122, 0.34);
  --ink: #050807;
  --surface: rgba(10, 20, 18, 0.78);
  --surface-strong: rgba(12, 27, 24, 0.92);
  --text: #f5efe3;
  --text-soft: #e1d8ca;
  --text-muted: #9ea79f;
  --line: rgba(245, 239, 227, 0.11);
  --line-soft: rgba(245, 239, 227, 0.06);
  --page: min(100% - 2rem, 88rem);
  --measure: min(100% - 2rem, 66rem);
  --shadow: 0 32px 90px rgba(0, 0, 0, 0.38);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(135deg, rgba(52, 167, 132, 0.18), transparent 28%),
    linear-gradient(180deg, #07110f 0%, #0c1715 46%, #050807 100%);
  color: var(--text);
  font-family: "IBM Plex Sans", sans-serif;
}