@import url("./fonts.css");

:root {
  --color-primary: #482683;
  --color-text: #494949;
  --color-muted: #767676;
  --color-surface: #ffffff;
  --color-surface-soft: #f0f0f0;
  --color-border: rgba(73, 73, 73, 0.15);
  --color-sidebar: rgba(217, 217, 217, 0.25);
  --radius-md: 10px;
  --radius-sm: 5px;
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 20px;
  --space-5: 24px;
  --space-6: 32px;
  --font-display: "Adobe Garamond Semibold Italic", "ITC Garamond Pro", "Times New Roman", Times, serif;
  --font-ui: "Gotham A", "Gotham B", "Gotham Book", "Gotham", Arial, sans-serif;
}

body[data-brand="all-i-need"] {
  --font-display: "ITC Garamond Pro", "Times New Roman", Times, serif;
  --font-ui: "Fira Sans", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  font-family: var(--font-ui);
  color: var(--color-text);
  background: var(--color-surface);
}

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

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

a {
  color: inherit;
}

a[x-apple-data-detectors],
.x-apple-data-detectors,
[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
  line-height: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}