/*
Theme Name: At.A Soccer School
Description: At.Aサッカースクールのランディングページテーマ
Version: 1.0
Author: At.A Soccer School
*/

/* TailwindCSSはCDN経由で読み込むため、ここでは基本スタイルのみ */
body {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
}

/* スムーズスクロール */
html {
  scroll-behavior: smooth;
}

/* カスタムスタイル */
.hero-bg {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)),
    url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect width="1200" height="600" fill="%23000"/><g stroke="%23fff" stroke-width="2" fill="none"><rect x="50" y="50" width="1100" height="500"/><circle cx="600" cy="300" r="100"/><line x1="600" y1="50" x2="600" y2="550"/><rect x="50" y="200" width="150" height="200"/><rect x="1000" y="200" width="150" height="200"/></g></svg>');
  background-size: cover;
  background-position: center;
}