:root {
  color-scheme: light;

  --navy: #142f49;
  --navy-deep: #0f2338;
  --navy-2: #1d4669;
  --g-sky: linear-gradient(160deg, #24557f 0%, #1a4061 42%, #132d47 100%);
  --g-sky-flat: linear-gradient(100deg, #1d4669 0%, #173a58 34%, #132d47 100%);
  --on-navy: #f4f7fa;
  --on-navy-2: #cddae7;
  --on-navy-3: #a3b8cc;
  --sky-ink: #a9cbe8;

  --indigo: #417ba7;
  --indigo-hover: #386d95;
  --indigo-ink: #2d5f86;
  --indigo-soft: #e6eef6;
  --indigo-softer: #f2f6fa;
  --indigo-line: #a9c2d8;
  --ring: rgba(65, 123, 167, .32);

  --ball: #eb6101;
  --ball-glow: rgba(235, 97, 1, .16);

  --bg: #ffffff;
  --sky: #f3f7fb;
  --ground: #eaf0f6;

  --ink: #1e2a37;
  --ink-2: #465567;
  --muted: #5f6d7e;
  --faint: #7a8696;
  --line: #e2e8ef;
  --line-soft: #edf1f5;
  --line-strong: #cfd9e3;

  --st-active: #00a7ea;   --st-active-bg: #dff3fc;   --st-active-fg: #06587d;
  --st-resolved: #ebb800; --st-resolved-bg: #fbf0c9; --st-resolved-fg: #6b5000;
  --st-closed: #aaaaaa;   --st-closed-bg: #eeeeee;   --st-closed-fg: #555555;

  --f-text: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", "Meiryo", sans-serif;
  --f-head: "Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --f-brand: "Jost", "Futura", "Century Gothic", "Avenir Next", "Segoe UI", sans-serif;

  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;
  --sh-1: 0 1px 2px rgba(20, 40, 64, .05), 0 4px 14px rgba(20, 40, 64, .05);
  --sh-2: 0 2px 6px rgba(20, 40, 64, .06), 0 16px 40px rgba(20, 40, 64, .10);
  --sh-3: 0 30px 80px rgba(8, 20, 34, .34), 0 8px 24px rgba(8, 20, 34, .16);

  --w-content: 1120px;
  --gutter: 24px;
  --sec-y: 80px;
}

@media (max-width: 760px) {
  :root {
    --gutter: 16px;
    --sec-y: 60px;
  }
}