/* Raeltec homepage — page-level overrides only.
   Component look comes from colors_and_type.css tokens + inline component styles. */

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-1);
  color: var(--fg-2);
  font-family: var(--font-sans);
}
*, *::before, *::after { box-sizing: border-box; }

a { color: inherit; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--teal-600);
  outline-offset: 2px;
}

::selection { background: var(--teal-100); color: var(--navy-900); }

/* Utility: thin grid backdrop used for some technical surfaces. */
.rt-gridlines {
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 64px 64px;
}
.rt-gridlines--light {
  background-image:
    linear-gradient(to right, rgba(11,30,61,0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(11,30,61,0.05) 1px, transparent 1px);
  background-size: 64px 64px;
}

/* Smooth in-page anchors */
html { scroll-behavior: smooth; }