/* Fraunces + Manrope are loaded via a <link rel="stylesheet"> in public/index.html rather
   than an @import here, so the browser can discover and fetch them immediately instead of
   waiting to parse this file first. */

:root {
  --bg: #FBF8F2;
  --surface: #FFFFFF;
  --surface-subtle: #F5F1EA;
  --primary: #1F5A44;
  --primary-hover: #184A37;
  --primary-active: #103D2E;
  --primary-soft: #E9F2ED;
  --accent: #BE4518;
  --accent-vivid: #E8754A;
  --accent-soft: #FBE7DE;
  --text: #1D241F;
  --text-muted: #69736C;
  --border: #E7E2D8;
  --error: #B42318;
  --error-soft: #FDECEC;
  --skeleton: #EEE8DF;
  --max-content: 1240px;
  --gutter: 40px;
  --shadow-composer: 0 18px 50px rgba(37,45,39,.08);
  --shadow-floating: 0 4px 14px rgba(26,35,29,.12);
  --shadow-drawer: -24px 0 70px rgba(25,32,27,.18);
}

@media (max-width: 1439px) {
  :root { --gutter: 32px; }
}

@media (max-width: 899px) {
  :root { --gutter: 24px; }
}

@media (max-width: 599px) {
  :root { --gutter: 16px; }
}

* {
  box-sizing: border-box;
}

html {
  background: var(--bg);
}

body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.625;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

a {
  color: inherit;
}

a:hover {
  color: var(--primary);
}

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

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
}

img {
  max-width: 100%;
}

::selection {
  background: var(--primary-soft);
  color: var(--primary-active);
}

:focus-visible {
  outline: 3px solid rgba(31, 90, 68, .24);
  outline-offset: 3px;
}