/* Oklahoma City edition. These overrides apply only while OKC is selected. */
html[data-city="okc"] {
  --wine: #005b92;
  --burgundy: #002d62;
  --dark: #142c43;
  --cream: #f4f8fc;
  --paper: #fffefa;
  --gold: #fdbb30;
  --line: #d3e1ed;
  --sub: #526578;
  --coral: #b8321c;
  --shadow: 0 14px 38px rgba(0,45,98,.09);
  --okc-blue: #007ac1;
  --okc-orange: #ef3b24;
  --okc-navy: #002d62;
}
html[data-city="okc"] :is(button,a,input,select,textarea,summary):focus-visible {
  outline-color: #007ac1;
}
html[data-city="okc"] .topbar {
  background: linear-gradient(110deg,#002d62,#004d83);
  border-bottom: 3px solid var(--okc-orange);
  box-shadow: 0 3px 18px #002d6226;
}
html[data-city="okc"] :is(.wordmark em,.logo-sun,.footbrand span) {color:var(--gold)}
html[data-city="okc"] .logo-sun {border-color:var(--gold)}
html[data-city="okc"] .nav-main .navlink {background:#ffffff0d;color:#f5faff;border-color:#85b2d54d}
html[data-city="okc"] .nav-main .navlink:hover,
html[data-city="okc"] .nav-main .navlink[aria-current="page"] {
  color:var(--okc-navy);background:var(--gold);border-color:var(--gold);
}
html[data-city="okc"] .brand-row .saved-nav {background:#fffaf2;color:var(--okc-navy);border-color:#f6deb0}
html[data-city="okc"] .brand-row .saved-nav:hover,
html[data-city="okc"] .brand-row .saved-nav[aria-current="page"] {background:var(--gold);color:var(--okc-navy);border-color:var(--gold)}
html[data-city="okc"] .brand-row .saved-heart {color:#bd351d}
html[data-city="okc"] .brand-row [data-favorites-count] {background:#002d6210}
html[data-city="okc"] .local-now {background:#001e42;border-bottom:3px solid var(--okc-blue);color:#f5faff}
html[data-city="okc"] .local-clock .local-now-label {color:var(--gold)}
html[data-city="okc"] .local-clock :is(time,[data-local-date]) {color:#fffaf2}
html[data-city="okc"] .local-now .weather-chip {background:#0d3b63;border-color:#6b9fc2;color:#fffaf2}
html[data-city="okc"] .local-now .weather-chip b {color:var(--gold)}
html[data-city="okc"] .local-now .weather-chip small {color:#d4e5f3}
html[data-city="okc"] .weather-fallback span {color:var(--gold)}
html[data-city="okc"] .now-dot {background:var(--gold);box-shadow:0 0 0 4px #fdbb301a}
html[data-city="okc"] .travel-actions .uber-link {background:#fffaf2;color:var(--okc-navy);border-color:#f1dcc3}
html[data-city="okc"] .travel-actions .uber-link:hover,
html[data-city="okc"] .travel-actions>details[open]>.uber-link,
html[data-city="okc"] .travel-actions .travel-page-link[aria-current="page"] {background:var(--gold);color:var(--okc-navy);border-color:var(--gold)}
html[data-city="okc"] :is(.travel-actions .uber-link,.nav-main .navlink):focus-visible {outline-color:var(--gold)}
html[data-city="okc"] :is(.travel-affiliate-note,.tours-shortcut-note) {color:#d4e5f3}
html[data-city="okc"] :is(.city-picker,.daily-section) {background:#fffefa}
html[data-city="okc"] .city-choice {border-color:#abc5da;color:var(--okc-navy)}
html[data-city="okc"] .city-choice:hover {background:#edf6fc;border-color:var(--okc-blue)}
html[data-city="okc"] .city-choice[aria-pressed="true"] {
  background:linear-gradient(120deg,#007ac1,#005b92);
  border-color:var(--okc-orange);color:white;box-shadow:0 6px 18px #007ac124;
}
html[data-city="okc"] .city-choice[data-city-choice="norman"] {background:#fffaf2;color:#722338;border-color:#cdaaa3}
html[data-city="okc"] :is(.kicker,.district,.smash-type) {color:#a9301b}
html[data-city="okc"] .hero-shade {
  background:linear-gradient(90deg,#001d40e8,#002d628c 58%,#001d4026),linear-gradient(0deg,#00162e99,transparent 65%);
}
html[data-city="okc"] .editorial-hero {background-color:var(--okc-navy)}
html[data-city="okc"] :is(.eyebrow,.hero-home h1 em) {color:#ffcf65}
html[data-city="okc"] .pagehero {
  background-image:linear-gradient(90deg,#001e42ed,#002d6299 65%,#002d624d),var(--city-photo);
  background-color:var(--okc-navy);
}
html[data-city="okc"] :is(.pagehero p,.herolead,.hero-caption) {color:#f2f7fc}
html[data-city="okc"] .pillbtn {background:var(--gold);color:var(--okc-navy)}
html[data-city="okc"] .pillbtn:hover {background:#ffd36c}
html[data-city="okc"] .pillbtn.secondary {background:#002d62;border-color:#a9cce5;color:white}
html[data-city="okc"] .pillbtn.outline {background:white;border-color:#a9cce5;color:var(--wine)}
html[data-city="okc"] :is(.featuretext,.about-note,.smash-rule-section) {background:var(--okc-navy)}
html[data-city="okc"] :is(.featuretext .kicker,.about-note .text-link) {color:var(--gold)}
html[data-city="okc"] .featuretext p {color:#e5eff8}
html[data-city="okc"] :is(.briefbar,.outings-section,.flights-section,.weekend-section,.smash-nominate) {background:#e8f1f8;border-color:var(--line)}
html[data-city="okc"] .briefinner {color:var(--wine)}
html[data-city="okc"] :is(.tile p,.desc,.featurebox p,.story-card>p) {color:var(--sub)}
html[data-city="okc"] :is(.placecard,.outing-card,.native-history,.person-card,.spotlight-card,.local-story-card,.truth-box) {border-color:var(--line)}
html[data-city="okc"] :is(.spotlight-photo,.photo-unavailable) {background:linear-gradient(130deg,#007ac1,#002d62)}
html[data-city="okc"] :is(.outing-card,.featurebox,.truth-box,.native-history,.plan-mood) {background:#edf4fa}
html[data-city="okc"] .outing-number {color:#007ac10d}
html[data-city="okc"] :is(.outing-stops a,.quicklinks a,.reset) {border-color:#b8d1e3;color:var(--wine)}
html[data-city="okc"] .citypill {background:#e4f1fa;color:#004d83}
html[data-city="okc"] .tag {background:#f0f6fa;border-color:#dce8f1;color:#405a70}
html[data-city="okc"] .cardlink {background:#e7f2fb;color:var(--wine)}
html[data-city="okc"] .cardlink.primary {background:var(--wine);color:white}
html[data-city="okc"] .links {border-color:var(--line)}
html[data-city="okc"] .filterfield label {color:#354d65}
html[data-city="okc"] :is(.filterfield input,.filterfield select,.nominate-form input,.nominate-form select,.nominate-form textarea) {color:var(--dark);border-color:#b8cddd;background:#fffefa}
html[data-city="okc"] .daily-tabs button {color:var(--wine);border-color:#b8d1e3}
html[data-city="okc"] .daily-tabs button[aria-selected="true"] {background:var(--wine);border-color:var(--wine);color:white}
html[data-city="okc"] .daily-panel {border-color:var(--line)}
html[data-city="okc"] .daily-observances a {background:#eaf3fa;border-color:#bfd8ea;color:#003e70}
html[data-city="okc"] .daily-next-joke {border-color:#b8d1e3}
html[data-city="okc"] .daily-birthdays li {border-color:var(--line)}
html[data-city="okc"] :is(.person-monogram,.history-timeline) {background:#e7f2fb}
html[data-city="okc"] .history-timeline li {border-color:#bfd8ea}
html[data-city="okc"] .story-number {color:#a9301b}
html[data-city="okc"] :is(.native-visit,.city-history+.city-history) {border-color:#bfd8ea}
html[data-city="okc"] .game-hero {background:radial-gradient(ellipse at 90% 0,#007ac177,transparent 65%),#002d62}
html[data-city="okc"] :is(.game-hero .kicker,.game-hero h1 em) {color:var(--gold)}
html[data-city="okc"] .play-invite {background:#fdbb3026}
html[data-city="okc"] .quiz-feedback {background:#fff2d4}
html[data-city="okc"] .guest-invite {background:#e8f1f8}
html[data-city="okc"] .save-place.is-saved {background:var(--gold);border-color:#cf941d;color:var(--okc-navy)}
html[data-city="okc"] .smash-feature-link {
  background:radial-gradient(circle at 85% 20%,#ef3b2440 0 18%,transparent 19%),linear-gradient(130deg,#002d62,#004a7c 65%,#007ac1);
  box-shadow:0 20px 45px #002d6224;
}
html[data-city="okc"] :is(.smash-feature-link .kicker,.smash-feature-stamp em,.smash-hero-mark em,.lead-story strong) {color:#ffcf65}
html[data-city="okc"] .smash-feature-copy p:not(.kicker) {color:#e6f0f8}
html[data-city="okc"] :is(.smash-feature-stamp,.smash-hero-mark) {border-color:var(--gold)}
html[data-city="okc"] :is(.smash-dining-callout,.local-story-card.lead-story) {background:#002d62;color:white}
html[data-city="okc"] .lead-story p {color:#e1edf6}
html[data-city="okc"] .story-columns blockquote p {color:#ffcf65}
html[data-city="okc"] .footer {background:#001e42;border-top:3px solid var(--okc-orange)}
html[data-city="okc"] .footer p {color:#d7e5f1}
html[data-city="okc"] :is(.footer .muted,.footbottom,.photo-credits) {color:#b9cddd}
html[data-city="okc"] .footer a {color:#ffcf65}

html[data-city="okc"] .smash-hero {background:radial-gradient(circle at 82% 32%,#ef3b243d 0 20%,transparent 21%),linear-gradient(130deg,#001e42,#004a7c 65%,#007ac1)}
html[data-city="okc"] .smash-hero h1 em {color:#ffcf65}
html[data-city="okc"] .smash-dining-callout p {color:#e1edf6}
html[data-city="okc"] .history-timeline p {color:var(--sub)}

/* Turn up the OKC orange while keeping small labels readable. */
html[data-city="okc"] .topbar {border-bottom-width:6px}
html[data-city="okc"] :is(.wordmark em,.logo-sun,.footbrand span) {color:#ff8156}
html[data-city="okc"] .logo-sun {border-color:#ff8156}
html[data-city="okc"] .nav-main .navlink {border-color:#ff815669}
html[data-city="okc"] .nav-main .navlink:hover,
html[data-city="okc"] .nav-main .navlink[aria-current="page"],
html[data-city="okc"] .travel-actions .uber-link,
html[data-city="okc"] .city-choice[aria-pressed="true"],
html[data-city="okc"] .daily-tabs button[aria-selected="true"],
html[data-city="okc"] .cardlink.primary,
html[data-city="okc"] .pillbtn:not(.secondary):not(.outline) {
  background:#ef3b24;color:#00152e;border-color:#ef3b24;
}
html[data-city="okc"] .travel-actions .uber-link:hover,
html[data-city="okc"] .travel-actions>details[open]>.uber-link,
html[data-city="okc"] .travel-actions .travel-page-link[aria-current="page"],
html[data-city="okc"] .pillbtn:not(.secondary):not(.outline):hover {
  background:#ff8156;color:#00152e;border-color:#ff8156;
}
html[data-city="okc"] .city-choice[aria-pressed="true"] {box-shadow:0 6px 18px #ef3b2429}
html[data-city="okc"] .city-picker {border-bottom:4px solid #ef3b24}
html[data-city="okc"] :is(.eyebrow,.hero-home h1 em,.smash-hero h1 em,.smash-feature-stamp em,.smash-hero-mark em) {color:#ff9a70}
html[data-city="okc"] .local-clock .local-now-label {color:#ff8156}
html[data-city="okc"] .footer {border-top-width:6px}

/* Gold gets a clear role beside the orange and blue. */
html[data-city="okc"] .wordmark em {color:#fdbb30}
html[data-city="okc"] .nav-main .navlink {border-color:#fdbb3080}
html[data-city="okc"] .nav-main .navlink:hover,
html[data-city="okc"] .nav-main .navlink[aria-current="page"],
html[data-city="okc"] .daily-tabs button[aria-selected="true"],
html[data-city="okc"] .brand-row .saved-nav {background:#fdbb30;color:#002d62;border-color:#fdbb30}
html[data-city="okc"] .local-now .local-clock time {color:#fdbb30}
html[data-city="okc"] .local-now {border-bottom-color:#fdbb30}
html[data-city="okc"] .local-now .weather-chip {border-color:#fdbb3080}
html[data-city="okc"] .city-picker {border-bottom-color:#fdbb30}
html[data-city="okc"] :is(.hero-home h1 em,.smash-hero h1 em,.smash-feature-stamp em,.smash-hero-mark em) {color:#fdbb30}
html[data-city="okc"] .pillbtn:not(.secondary):not(.outline) {background:#fdbb30;color:#002d62;border:2px solid #ef3b24}