/* Brand tokens */
:root {
  --color-primary:   #009FE3;
  --color-dark:      #133544;
  --color-secondary: #54595F;
  --color-text:      #7A7A7A;
  --color-accent:    #61CE70;
  --color-white:     #ffffff;

  --font-base: system-ui, -apple-system, sans-serif;
  --max-width: 1140px;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; scroll-behavior: smooth; }

body {
  font-family: var(--font-base);
  color: var(--color-text);
  line-height: 1.6;
  visibility: hidden;
}

body.ready { visibility: visible; }

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

a { color: inherit; text-decoration: none; }

ul { list-style: none; }

/* Layout */
.container {
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: 1.5rem;
}