:root {
  --brand-50:  #F9FBF4;
  --brand-100: #ECF5E8;
  --brand-200: #D9EED6;
  --brand-300: #BEE5BE;
  --brand-400: #A5D6A7;
  --brand-500: #81C784;
  --brand-700: #3C5A3C;
  --brand-800: #2E4730;
  --brand-accent: #EADCA4;
  --ink-900:    #1f2937;
}
body{ background: var(--brand-50); color: var(--ink-900); font-family:"Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; }
.glass{ backdrop-filter: blur(10px); background: rgba(255,255,255,.7); }
.shadow-soft{ box-shadow: 0 10px 25px rgba(16, 24, 40, .06); }
.container-pad{ padding-left: clamp(1rem, 4vw, 2rem); padding-right: clamp(1rem, 4vw, 2rem); }
a.brand-btn{ background: var(--brand-500); color: #fff; }
a.brand-btn:hover{ background: var(--brand-400); }