@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap');

:root {
  --bg: #fcfcfd;
  --surface: #ffffff;
  --ink: #12151c;
  --sub: #484e60;
  --line: #c3c8d5;
  --accent: #253e83;
  --accent2: #435575;
  --onAccent: #ffffff;
  --onAccent2: #ffffff;
  --radius: 2px;
  --shadow: 0 1px 2px rgba(12,16,24,0.16);
  --space: 20px;
  --duration: 160ms;
  --easing: cubic-bezier(0.2,0,0.38,0.9);
  --font-head: "Noto Sans JP", "Inter", sans-serif;
  --font-body: "Noto Sans JP", "Inter", sans-serif;
  --tint: color-mix(in srgb, var(--accent) 6%, var(--surface));
  --tint2: color-mix(in srgb, var(--accent2) 7%, var(--surface));
}