:root {
  --gn-ink: #17211c;
  --gn-text: #304039;
  --gn-muted: #66736d;
  --gn-line: rgba(24, 45, 78, 0.16);
  --gn-surface: #ffffff;
  --gn-surface-soft: #f5f6f4;
  --gn-background: #f5f6f4;
  --gn-background-strong: #ecefe9;
  --gn-green-deep: #182d4e;
  --gn-green: #243a5c;
  --gn-gold: #b08a3c;
  --gn-gold-soft: rgba(176, 138, 60, 0.14);
  --gn-red: #7a1f3d;
  --gn-shadow: 0 28px 60px rgba(24, 45, 78, 0.10);
  --gn-shadow-soft: 0 16px 36px rgba(24, 45, 78, 0.07);
  --gn-radius-xl: 30px;
  --gn-radius-lg: 22px;
  --gn-radius-md: 16px;
  --gn-radius-sm: 12px;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  color: var(--gn-text);
  font-family: "Aptos", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background:
    radial-gradient(circle at 14% 10%, rgba(176, 138, 60, 0.08), transparent 26%),
    radial-gradient(circle at 86% 6%, rgba(24, 45, 78, 0.08), transparent 28%),
    linear-gradient(180deg, #f7f8f5 0%, #f2f4f0 45%, #edf0eb 100%);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
textarea,
a {
  font: inherit;
}

button {
  border: 0;
  background: none;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

a {
  color: inherit;
  text-decoration: none;
}

:focus-visible {
  outline: 3px solid rgba(176, 138, 60, 0.42);
  outline-offset: 3px;
}

[aria-disabled="true"] {
  pointer-events: none;
}

[hidden] {
  display: none !important;
}

.is-hidden {
  display: none !important;
}

body,
button,
input,
textarea {
  letter-spacing: 0.01em;
}