/* css/regions/header.css */
@layer components {
  .site-header {
    background: var(--blanc);

    .container {
      display: flex;
      align-items: center;
      gap: var(--space-m);
      padding-block: var(--space-s);

      @media (width >= 768px) {
        justify-content: space-between;
      }
    }
  }
}