:root {
  /* cool platinum x lavender palette (cold base for iPS-X hero) */
  --navy: #9B0F1E;        /* deep slate-navy: headings, dark panels, header */
  --blue: #E60015;        /* main slate-blue: logo, CTA, emphasis */
  --blue-pale: #FCEEF0;   /* pale lavender background */
  --silver: #D9B8BD;      /* muted lavender-grey: rules, subtle decor */
  --gold: #C9A227;        /* cool accent (was red) -> soft slate-lavender */
  --red-deep: #6E0A14;    /* deep navy: body headings, footer text */
  --text: #2c2c2c;
  --text-mid: #555;
  --bg-pale: #FBF3F4;     /* very pale cool off-white background */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: var(--text);
  background: #fff;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
}

img { display: block; max-width: 100%; height: auto; }
a { text-decoration: none; color: inherit; }