/* Argentina-blue concept. Load after site.css; layout and original imagery stay intact. */
@media screen {
  :root {
    --paper: #fbfaf6;
    --red: #164d73; /* Existing semantic accent token, retained for compatibility. */
    --ink: #243c4a;
    --muted: #526978;
    --blue: #deedf5;
    --line: #b9cbd2;
    --sky: #8bc8e8;
    --deep-blue: #123e59;
    --blue-hover: #0d3754;
  }

  :focus-visible { outline-color: var(--red); }
  .button.red:hover { background: var(--blue-hover); border-color: var(--blue-hover); }
  .demo-strip { background: var(--sky); color: var(--red); }
  .hero-copy h1 em::after { border-color: #3f8db9; }
  .food-halo { background: #c1e3f4; }
  .hero-photo figure {
    background: #fffefa;
    border-color: #c5d8e3;
    box-shadow: 0 9px 30px #123e5912;
  }
  .hero-food > img { filter: drop-shadow(0 18px 15px #123e5922); }
  .food-sticker { background: #fffefa; box-shadow: 0 3px 5px #123e5910; }

  /* The striped awning and department rail carry the recognizable sky blue. */
  .awning {
    background: repeating-linear-gradient(90deg, var(--sky) 0, var(--sky) 32px, var(--paper) 32px, var(--paper) 64px);
    border-color: var(--sky);
  }
  .departments { background: var(--sky); color: var(--red); }
  .departments a { border-right-color: #164d7366; }
  .departments a > span { opacity: 1; }
  .departments a:hover { color: var(--blue-hover); }

  .footer { background: var(--deep-blue); }
  .footer-top p { color: #d3e5ef; }
  .footer-bottom { border-top-color: #c3dfed55; }
  .footer :focus-visible { outline-color: #ffe19a; }

  .pantry-art { background: var(--sky); }
  .pantry-frame {
    color: var(--red);
    border-color: #164d7380;
    outline-color: #164d7366;
  }
  .pantry-frame em { color: var(--blue-hover); }
  .menu-thumb { background: #deedf5; }
  .archive-label { color: var(--muted); }
  .search-field input::placeholder { color: var(--muted); opacity: 1; }
  .navigation-loading { box-shadow: 0 6px 22px #123e5920; }

  @media (max-width: 600px) {
    .awning {
      background-image: repeating-linear-gradient(90deg, var(--sky) 0, var(--sky) 22px, var(--paper) 22px, var(--paper) 44px);
    }
    .header nav { box-shadow: 0 12px 20px #123e5910; }
    .mobile-actions { box-shadow: 0 -3px 14px #123e590a; }
    .mobile-actions a:focus-visible { outline-color: currentColor; outline-offset: -5px; }
  }
}