/* SMN Capital Solution — design tokens (mdfiles/DESIGN.md §1–4) and the Bootstrap remap. */

:root {
  /* Grounds and ink */
  --paper: #efeeec;
  --white: #ffffff;
  --ink: #241c18;
  --ink-muted: #6b6459;
  --line: #dad7d2;
  --stone: #a8a49d;
  --stone-rule: #8e8a83;
  --stone-ink: #2e2a22;
  --navy: #0e1738; /* the only navy (design v1.2); tints on it are white at reduced opacity */
  --on-navy-muted: rgba(255, 255, 255, 0.72); /* secondary text on navy, 9.5:1 */
  --on-navy-subtle: rgba(255, 255, 255, 0.56); /* tertiary text on navy, 6.2:1 */
  --navy-rule: rgba(255, 255, 255, 0.14); /* hairlines on navy */
  --amber: #e9a23b;
  --amber-hover: #f2b357;
  --amber-ink: #8f5a0e;
  --error: #a32617;
  --success: #3f6b4a;

  /* Type */
  --font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Songti SC", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-display-1: clamp(38px, 6.6vw, 88px);
  --fs-display-2: clamp(30px, 4.4vw, 60px);
  --fs-statement: clamp(23px, 3.2vw, 44px);
  --fs-doc-tab: clamp(26px, 3.6vw, 46px);
  --fs-step: clamp(21px, 2.4vw, 30px);
  --fs-card-title: clamp(21px, 2.2vw, 28px);
  --fs-faq: clamp(18px, 2vw, 24px);
  --fs-figure: clamp(44px, 7vw, 76px);
  --fs-stat: clamp(34px, 4vw, 52px);
  --fs-quote: clamp(20px, 2.1vw, 26px);
  --tracking-display: -0.035em;

  /* Layout */
  --gutter: clamp(16px, 4vw, 56px);
  --section-y: clamp(56px, 8vw, 120px);
  --container: 1560px;
  --container-mid: 1200px;
  --container-narrow: 1000px;
  --gap-card: clamp(16px, 2vw, 28px);
  --r-sm: 4px;
  --r-md: 12px;
  --r-cut: clamp(40px, 7vw, 80px);
  --r-pill: 999px;
  --ease: 140ms ease; /* colour and border changes */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1); /* entering, pressing: starts fast */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); /* things morphing on screen */

  /* Bootstrap remap */
  --bs-body-bg: var(--paper);
  --bs-body-color: var(--ink);
  --bs-body-font-family: var(--font-sans);
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.5;
  --bs-secondary-color: var(--ink-muted);
  --bs-border-color: var(--line);
  --bs-border-radius: var(--r-sm);
  --bs-link-color: var(--amber-ink);
  --bs-link-color-rgb: 143, 90, 14;
  --bs-link-hover-color: var(--ink);
  --bs-link-hover-color-rgb: 36, 28, 24;
  --bs-emphasis-color: var(--ink);
  --bs-heading-color: inherit;
  --bs-focus-ring-color: rgba(233, 162, 59, 0.6);
  --bs-danger: var(--error);
  --bs-danger-rgb: 163, 38, 23;
  --bs-font-monospace: var(--font-mono);
}