/* Design tokens + reset shared by all pages.
   Values taken from the Beyond Now design artboards. */

:root {
  --ink: #0b082e;          /* deep navy, primary dark surface */
  --ink-body: #1c1a3a;     /* press release body copy */
  --ink-soft: #3a3856;     /* secondary copy */
  --muted: #5e5c75;        /* captions, meta */
  --faint: #8a88a6;        /* footer labels on dark */

  --on-dark: #ffffff;
  --on-dark-soft: #d9d8e6; /* body copy on navy */
  --on-dark-faint: #b9b8cf;

  --line-dark: #2e2b55;
  --line-light: #d5d5dc;

  --green: #33d17a;
  --green-deep: #00803e;
  --green-tint: #e7f6ee;
  --avatar-bg: #17153a;

  --font-sans: 'Geist', system-ui, sans-serif;
  --font-display: 'Archivo', sans-serif;
  --font-serif: 'Source Serif 4', Georgia, serif;
}

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

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; }

a { color: inherit; }
a:hover { color: var(--green-deep); }

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 3px;
}

/* Selectable values (email addresses, phone numbers) */
.sel {
  user-select: all;
  -webkit-user-select: all;
  cursor: text;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}