/* WCAG 2.2 1.4.3 contrast on white:
 * navy 16.59:1 / text-secondary 9.03:1 / muted 4.83:1
 * gold is used as a filled CTA with navy text for 8.84:1 contrast.
 */

:root {
  --font-public: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, system-ui, sans-serif;
  --navy: #0e1e3a;
  --navy-2: #1a2332;
  --text-secondary: #3d4a5a;
  --text-muted: #6b7280;
  --bg-tint: #f6f8fb;
  --public-border: #d8dee8;
  --success: #00876a;
  --success-text: #006b4f;
  --gold: #f5b04a;
  --gold-strong: #f2a52f;
  --gold-soft: #fff7e6;
  --gold-border: #f1d59b;
  --focus: #005bd3;
  --danger: #b42318;
}
/*
 * この reset は @layer 内に置く。layer 外では Polaris の同名宣言より強くなり、Tailwind preflight にも後勝ちする。
 * line-height は Mantine の 1.55 を引き継がず、Tailwind / UA の既定に委ね、行間が 0.8px 詰まる（/guide/colorme は 4376px → 4366px、-10px）差分を受容する。
 */
@layer journify-base {
  :root {
    color-scheme: light;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }
}