/* code.eitanity.com — colours from Eitanity Brand Guidelines v1.1 */

:root {
  --ei-bg-primary: #FAFAFA;
  --ei-bg-surface: #F5F5F5;
  --ei-text-primary: #1A1A1A;
  --ei-text-secondary: #3B5B7D;
  --ei-text-heading: #1B2A4A;
  --ei-link: #1B2A4A;
  --ei-accent-primary: #D4A843;
  --ei-border: #E0E0E0;
  --ei-focus-ring: #D4A843;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ei-bg-primary: #121820;
    --ei-bg-surface: #1A2332;
    --ei-text-primary: #E8ECF1;
    --ei-text-secondary: #B0BEC5;
    --ei-text-heading: #E8ECF1;
    --ei-link: #6FA3D4;
    --ei-accent-primary: #E8C96A;
    --ei-border: #2A3B52;
    --ei-focus-ring: #E8C96A;
  }
}

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

body {
  background: var(--ei-bg-primary);
  color: var(--ei-text-primary);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 1.0625rem;
  line-height: 1.6;
}

main { max-width: 44rem; margin: 0 auto; padding: 3rem 1rem 4rem; }

header {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding-bottom: 1.25rem;
  border-bottom: 3px solid var(--ei-accent-primary);
  margin-bottom: 2rem;
}

header img { width: 48px; height: 48px; }
.logo-dark { display: none; }
@media (prefers-color-scheme: dark) {
  .logo-light { display: none; }
  .logo-dark { display: block; }
}

h1 { color: var(--ei-text-heading); font-size: 1.5rem; font-weight: 600; letter-spacing: 0.02em; }
h2 { color: var(--ei-text-heading); font-size: 1.125rem; font-weight: 600; margin: 2rem 0 0.75rem; }
p { margin-bottom: 1rem; }
.lede { color: var(--ei-text-secondary); }

a { color: var(--ei-link); text-underline-offset: 0.2em; }
a:focus-visible { outline: 3px solid var(--ei-focus-ring); outline-offset: 2px; border-radius: 2px; }

ul.repos { list-style: none; }
ul.repos li { border-bottom: 1px solid var(--ei-border); }
ul.repos li:first-child { border-top: 1px solid var(--ei-border); }
ul.repos a { display: block; padding: 0.75rem 0.25rem; font-family: ui-monospace, "SFMono-Regular", Menlo, monospace; font-size: 0.9375rem; overflow-wrap: anywhere; }

pre {
  background: var(--ei-bg-surface);
  border: 1px solid var(--ei-border);
  border-radius: 4px;
  padding: 0.75rem 1rem;
  overflow-x: auto;
  font-size: 0.875rem;
}

footer { margin-top: 3rem; color: var(--ei-text-secondary); font-size: 0.875rem; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}