/* Libertaire Sailing — minimal stylesheet for crew/boat pages
   Only includes styles actually used by these pages. */

:root {
    --bg: #f4f0e8;
    --surface: #fffaf2;
    --surface-strong: #ffffff;
    --ink: #17202a;
    --ink-soft: #405061;
    --muted: #6f7a83;
    --line: rgba(27, 42, 56, 0.12);
    --navy: #0e2a3a;
    --navy-2: #12384c;
    --ocean: #126c87;
    --sun: #e9a23b;
    --coral: #e56d5f;
    --green: #4d8b72;
    --shadow: 0 24px 80px rgba(20, 35, 50, 0.14);
    --shadow-soft: 0 10px 34px rgba(20, 35, 50, 0.10);
    --radius: 24px;
    --radius-sm: 14px;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-display: 'DM Serif Display', Georgia, serif;
    --max: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; }
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    min-height: 100vh;
    overflow-x: hidden;
    font-family: var(--font-body);
    color: var(--ink);
    background:
        radial-gradient(circle at 10% 0%, rgba(233,162,59,.16), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(18,108,135,.14), transparent 32%),
        linear-gradient(180deg, #fbf6ee 0%, var(--bg) 58%, #efe6d8 100%);
    -webkit-font-smoothing: antialiased;
    line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }

/* Eyebrow label */
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ocean);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 800;
    font-size: .76rem;
}
.eyebrow::before {
    content: '';
    width: 30px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}
.eyebrow.small::before { width: 18px; }

/* Footer */
.site-footer {
    padding: 26px 20px 42px;
    color: var(--muted);
    font-size: .88rem;
}
.footer-inner {
    max-width: var(--max);
    margin: 0 auto;
    display: flex;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.footer-inner a {
    color: var(--ocean);
    font-weight: 700;
    transition: color .15s ease;
}
.footer-inner a:hover { color: var(--navy); }

/* Dark mode */
@media screen and (prefers-color-scheme: dark) {
  :root {
    --bg: #121820;
    --surface: #1a2430;
    --surface-strong: #1e2a38;
    --ink: #e4eaf0;
    --ink-soft: #9aabb8;
    --muted: #6a7a88;
    --line: rgba(200, 215, 230, 0.10);
    --navy: #8ab4d6;
    --navy-2: #6a9ec0;
    --ocean: #58b9d6;
    --shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
    --shadow-soft: 0 10px 34px rgba(0, 0, 0, 0.35);
  }
  body {
    background:
      radial-gradient(circle at 10% 0%, rgba(233,162,59,.08), transparent 30%),
      radial-gradient(circle at 86% 12%, rgba(18,108,135,.08), transparent 32%),
      linear-gradient(180deg, #1a2430 0%, var(--bg) 58%, #0e141a 100%);
  }
  .footer-inner a:hover { color: var(--navy); }
}