/* GolfOwl — green theme.
 * Loaded after shared/style.css. Overrides the navy/blue palette baked into
 * the shared stylesheet so the site echoes the grass-green app icon (white
 * golfer on a green gradient). Touches only this site — shared/ is untouched. */

:root {
  --navy-0: #04140a;
  --navy-1: #07210f;
  --navy-2: #0c3318;
  --blue-1: #0e7a37;
  --blue-2: #12883e;
  --blue-3: #5fe08a;
  --ink:    #08160d;
  --ink-2:  #283c2e;
  --mute:   #6b8074;
  --line:   #e3efe7;
  --line-2: #eef5f0;

  /* Fairway accent — a single grass green used consistently across the site. */
  --accent: #18b24a;
}

::selection { background: var(--accent); color: #fff; }

/* Body — forest radial that glows toward the icon's bright green */
body {
  background:
    radial-gradient(120% 80% at 50% -10%, #1f7a3e 0%, #07210f 52%, #04140a 100%);
  background-attachment: fixed;
}

/* Topbar — dark green glass */
.topbar {
  background: linear-gradient(180deg, rgba(7,33,15,0.7), rgba(7,33,15,0.3));
}

/* Hero glow — green halo, not blue */
.hero::before {
  background: radial-gradient(circle, rgba(34,197,94,0.20) 0%, transparent 60%);
}

/* Hero headline — white to pale green */
h1.title {
  color: #e6f6ea;
}

/* CTA hover — go DARK green, keeps white text legible. */
.nav .cta:hover  { background: #07210f; color: #fff; }
.btn-primary:hover { background: #07210f; color: #fff; }

/* App icon shadow — deep green drop */
.app-icon { box-shadow: 0 8px 28px rgba(4,40,18,0.55); }

/* Phone underside — green hint replaces blue glow */
.phone {
  box-shadow:
    0 1px 0 rgba(255,255,255,0.08) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 30px 60px -10px rgba(0,0,0,0.55),
    0 80px 100px -40px rgba(34,197,94,0.14);
}
/* Feature card icons — solid green, one tint */
.feat .ico,
.feat .ico.g,
.feat .ico.o,
.feat .ico.r,
.feat .ico.p,
.feat .ico.t {
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(24,178,74,0.32), inset 0 1px 0 rgba(255,255,255,0.22);
}

.feat:hover {
  border-color: var(--accent);
  box-shadow: 0 24px 48px -16px rgba(24,178,74,0.18);
}

/* Download band — forest radial */
.download {
  background:
    radial-gradient(80% 100% at 50% 0%, rgba(34,197,94,0.18) 0%, transparent 60%),
    linear-gradient(180deg, #07210f, #04140a);
}
.download .h2 {
  color: #e6f6ea;
}
.download .h2 span { color: var(--accent); }

/* Platform tile glyph + hover — green device icons */
.platform .gl {
  background: var(--accent);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
.platform:hover {
  background: rgba(34,197,94,0.12);
  border-color: var(--accent);
}

/* ============ Fairway accent moments ============ */
.phone-cell .caption span { color: var(--accent); }
.alt .eyebrow          { color: var(--blue-2); }
.alt .eyebrow::before  { background: var(--blue-2); }
.alt .h2 span          { color: var(--blue-2); }
.hero-icon.app-icon {
  box-shadow: 0 8px 28px rgba(4,40,18,0.55), 0 24px 80px rgba(34,197,94,0.14);
}
footer ul a:hover { color: var(--accent); }