:root {
  /* Ink (dark ink on cream) */
  --ink: #0b1220;
  --ink-soft: #1e293b;
  --ink-muted: #475569;

  /* Paper (warm cream surfaces) */
  --paper: #f7f4ec;
  --paper-deep: #ede6d3;
  --paper-edge: #ddd3bb;

  /* Amber (signal color — use sparingly) */
  --amber: #b45309;
  --amber-soft: #fde68a;
  --amber-deep: #78350f;

  /* Hairline divider */
  --rule: #d4c9ae;

  /* Typography */
  --font-display: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial,
    sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;

  /* Radii */
  --radius-card: 1rem; /* 16px */
  --radius-pill: 9999px;
  --radius-btn: 0.5rem;

  /* Soft shadows — consultancy-neutral, no editorial offset */
  --shadow-soft: 0 1px 2px rgba(17, 24, 39, 0.04), 0 6px 16px -10px rgba(17, 24, 39, 0.18);
  --shadow-lift: 0 2px 4px rgba(17, 24, 39, 0.06), 0 12px 28px -14px rgba(17, 24, 39, 0.24);

  /* Inner highlight on cream cards */
  --shadow-inner-light: inset 0 1px 0 rgba(255, 255, 255, 0.6);

  /* Layout */
  --container-max: 1200px;
  --container-pad: 1.5rem;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}