@import url("https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500&display=swap");

:root {
  --color-bg: #f3f1ed;
  --color-surface: #ffffff;
  --color-surface-strong: #ffffff;
  --color-ink: #0d2340;
  --color-ink-soft: #7a8a9a;
  --color-line: #e0ddd6;
  --color-primary: #0d2340;
  --color-primary-deep: #0a1628;
  --color-accent: #1d9e75;
  --color-accent-soft: rgba(29, 158, 117, 0.08);
  --color-ghost: rgba(13, 35, 64, 0.12);
  --color-alert: #a45454;
  --color-alert-soft: rgba(164, 84, 84, 0.08);
  --color-red: #b03030;
  --color-red-soft: rgba(176, 48, 48, 0.07);
  --color-amber: #c07010;
  --color-amber-soft: rgba(192, 112, 16, 0.07);
  --shadow-soft: none;
  --shadow-strong: none;
  --radius-xl: 18px;
  --radius-lg: 12px;
  --radius-md: 9px;
  --radius-sm: 5px;
  --max-width: 980px;
  --font-display: "Clash Display", sans-serif;
  --font-body: "Clash Display", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;
}