/*
 * theme-golf.css — the green-led Varko palette + golf-specific component styling.
 * A sibling of the snag clay theme, anchored by the app icon's greens (§8.4). All colour
 * lives here; structure lives in varko.css.
 */

:root {
  /* Masters design tokens (--masters-*) now live in tokens.css (the single source of values,
     DESIGN.md → Build contract). The legacy green palette + light-only semantic aliases below remain
     only for screens not yet migrated to the .gds-* components; they retire in the Cleanup issue. */

  /* Green palette (§8.4) */
  --pine: #15583b;
  --emerald: #1f7a52;
  --emerald-bright: #2a8a5c;
  --grass: #2e9c68;
  --grass-light: #6fd199;
  --amber: #eca64a;
  --amber-deep: #a85512;
  --score-red: #bd4d31;
  --cream: #f5f2e9;

  /* Semantic surfaces */
  --bg: var(--cream);
  --surface: #ffffff;
  --surface-sunken: #efeadd;
  --ink: #15281f;
  --ink-soft: #4a5d53;
  --ink-faint: #5f7167;
  --line: #e2ddd0;

  --accent: var(--amber-deep);
  --positive: var(--grass);

  color-scheme: light;
}

/* Transition shim: re-point the legacy semantic surface/ink/line tokens to the Masters dark
   values (defined in tokens.css) so screens not yet migrated to .gds-* still render a passable
   dark theme. Brand hues (--pine/--emerald/--cream/--amber/--grass) stay as-is — they're used as
   fills with light foregrounds. This whole shim disappears with theme-golf.css in Cleanup (#77). */
[data-theme="dark"] {
  color-scheme: dark;
  --bg: var(--masters-bg);
  --surface: var(--masters-surface);
  --surface-sunken: var(--masters-surface-sunken);
  --ink: var(--masters-ink);
  --ink-soft: var(--masters-ink-soft);
  --ink-faint: var(--masters-ink-faint);
  --line: var(--masters-line);
  --accent: var(--masters-accent);
  --positive: var(--masters-positive);
}

body {
  background: var(--bg);
  color: var(--ink);
}

/* App frame: header / scrolling content / bottom nav, all safe-area aware */

/* Legacy pine shell (.app__header / .app__title / .icon-btn) retired in #69 — the live shell is
   now the Masters .gds-screen-header (golf-masters.css). Only the structural .app__main remains. */

/* Legacy bottom nav (.nav / .nav__item / .nav__icon) + legacy .hi-chip retired in #69 — the live
   shell now uses the Masters .gds-bottom-nav and .gds-hi-chip (golf-masters.css). */

/* Surfaces in theme colours */

/* Legacy More menu (.more-intro / .more-menu*) retired in #74 — the More screen is now on the
   Masters .gds-menu + .gds-seg theme toggle (golf-masters.css). */

/* Round-card sub-elements still shared by the scorecard + course-setup screens (renderRound /
   renderCourseSetupFromRound). The Rounds list itself is now on the .gds-* layer (#28); these
   selectors retire when #29/#30 migrate those screens. */


/* Trust + personal-best pills share a row (shared with the scorecard header). */

.pill--best {
  background: color-mix(in srgb, var(--amber) 22%, var(--surface));
  color: var(--amber-deep);
  font-weight: var(--fw-semibold);
}

/* Golf Ireland source tag — quiet, secondary; marks a round that came from GI not Arccos. */
.pill--source {
  background: color-mix(in srgb, var(--ink) 8%, var(--surface));
  color: color-mix(in srgb, var(--ink) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
}

/* Score-conflict badge — a matched Arccos/GI pair disagree (GI is shown as authoritative). */
.pill--conflict {
  background: color-mix(in srgb, var(--amber) 30%, var(--surface));
  color: var(--amber-deep);
  font-weight: var(--fw-semibold);
}


/* Provisional / partial flags */
.flag {
  background: color-mix(in srgb, var(--amber) 28%, transparent);
  color: var(--amber-deep);
}

/* .trust / .trust--ok / .trust--warn removed — SI confidence is shown via gdsPill (warn/ok) (#225). */

/* .notice* migrated to .gds-notice* in golf-masters.css (#224) */

/* Course Handicap reference — prominent label + value (round detail header + add-course). */



/* Primary action (Sync) */




.pending-round-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px dashed color-mix(in srgb, var(--amber) 58%, var(--line));
  border-radius: var(--radius-lg);
  background: color-mix(in srgb, var(--amber) 9%, var(--surface));
}

.pending-round-card > div:first-child {
  min-width: 0;
}

.pending-round-card__status {
  display: flex;
  justify-content: flex-end;
}

.pending-round-card__action {
  grid-column: 1 / -1;
}

@media (max-width: 420px) {
  .pending-round-card {
    grid-template-columns: 1fr;
  }

  .pending-round-card__status {
    justify-content: flex-start;
  }
}

/* Back-row layout, still used by the un-migrated pending-detail + course-setup screens. */

/* .empty* migrated to .gds-empty* in golf-masters.css (#223) */

/* .note migrated to .gds-note in golf-masters.css (#224) */

/* .toast* migrated to .gds-toast* in golf-masters.css (#222) */

/* .claim-notice* migrated to .gds-notice--claim / .gds-notice__actions in golf-masters.css (#224) */

/* .auth-state* migrated to .gds-empty--auth / .gds-empty__action in golf-masters.css (#223) */

/* Token setup */




button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--grass);
  outline-offset: 3px;
}

/* Desktop centering for the scrolling content column. The shell header/nav desktop + small-screen
   rules now live with the .gds-* shell in golf-masters.css. */
@media (min-width: 900px) {
  .app__main {
    width: min(100%, 760px);
    margin-inline: auto;
  }
}


/* Course-setup / add-course families migrated to golf-masters.css (.gds-*) in #235. */