/* Shared design tokens and page-level background used across the site. */
:root {
  --bg-main: #0b1f2a;
  --section: #123b4a;
  --primary: #2ec4c7;
  --accent-light: #e6f7f8;
  --text-light: #ffffff;
}

* {
  box-sizing: border-box;
}

/* Root canvas fallback for the site background. */
html {
  margin: 0;
  min-height: 100%;
  background-color: #0b1f2a;
}

/* Default page background and base font stack shared by site pages. */
body {
  margin: 0;
  min-height: 100vh;
  position: relative;
  background-color: #0b1f2a;
  background:
    radial-gradient(circle at 16% 10%, #1f617b 0%, transparent 50%),
    radial-gradient(circle at 85% 82%, #15506a 0%, transparent 46%),
    linear-gradient(180deg, #10384b 0%, #0b2735 44%, var(--bg-main) 72%, #06131b 100%);
  font-family: system-ui, -apple-system, sans-serif;
}