/*
 * Nubryx design tokens — single source of truth for brand colors,
 * type family, radius and shadow scale on the marketing site.
 * Mirrors the token names used in portal.nubryx.com's Tailwind theme
 * (resources/css/app.css) so both surfaces share one visual language.
 */
:root {
  /* Brand colors */
  --navy: #0f2647;
  --navy-2: #173a66;
  --ink: #14213d;
  --muted: #5b6478;
  --paper: #fbfaf8;
  --paper-2: #f3f1ec;
  --amber: #e0983f;
  --amber-dark: #c47c26;
  --line: #e3e1db;

  /* Type */
  --font-sans: 'Inter', sans-serif;

  /* Radius scale (values already in use across the site) */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 16px;

  /* Shadow scale (navy-tinted, matches existing card/hero shadows) */
  --shadow-sm: 0 10px 25px -5px rgba(15, 38, 71, 0.08);
  --shadow-md: 0 12px 32px -18px rgba(15, 38, 71, 0.2);
  --shadow-lg: 0 24px 48px -20px rgba(15, 38, 71, 0.35);

  /* Spacing scale, for new/shared components (nav, trust blocks) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--ink);
  background: var(--paper);
  line-height: 1.5;
}

a {
  color: var(--navy);
  text-decoration: none;
}

a:hover {
  color: var(--amber-dark);
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--navy);
  outline-offset: 2px;
}