/* Shared Fin tone. Source: apps/app/app/app.css:3766–3771 (colors),
   :10 (font family), :3772 (body), :3798–3810 (controls), :3817 (cards),
   :5040 (wordmark); apps/app/app/console-frame.css:43 (small shadow).
   Keep this file custom properties only; LP, blog and help import it. */
:root {
  --brand: #0e7f72;
  --brand-deep: #0a6157;
  --brand-tint: #e7f1f0;
  --ink: #13221f;
  --ink-2: #3d534f;
  --dim: #6e8683;
  --faint: #9db3b0;
  --hair: #e3e8e7;
  --hair-2: #eef2f1;
  --soft: #f6f8f8;
  --ok: #177a45;
  --ng: #b42318;
  --warn: #b54708;
  --bar: #5e8f89;
  --font-sans:
    "Noto Sans JP", Inter, -apple-system, BlinkMacSystemFont, "Hiragino Sans",
    sans-serif;
  --font-wordmark: Inter, sans-serif;
  --text-sm: 12.5px;
  --text-control: 13px;
  --text-body: 14px;
  --text-heading: 22px;
  --leading-body: 1.7;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --radius-sm: 6px;
  --radius-control: 8px;
  --radius-card: 10px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07);
}