/*
 * Delegato design tokens — the single source of styling truth (PRD §12).
 * Extracted verbatim from the committed mockups in design/mockups/.
 * Both the React SPA (web/) and the Hono JSX SSR (portal + marketing) import this file.
 * Do not fork these values; change them here and everything follows.
 */

:root {
  /* Paper / surfaces */
  --paper: #f6f3ed;
  --paper-2: #fcfaf5;
  --paper-3: #ffffff;

  /* Ink / text */
  --ink: #1b1815;
  --ink-soft: #39342e;
  --muted: #7a7264;
  --muted-2: #a49c8e;

  /* Lines / borders */
  --line: #e6e0d4;
  --line-soft: #efebe1;

  /* Accent — green (primary brand action) */
  --accent: #1f4b3a;
  --accent-2: #2c6a50;
  --accent-soft: #e7efe9;

  /* Clay — portal accent + record state */
  --clay: #bc6038;
  --clay-soft: #f4e7df;

  /* Gold — drafts */
  --gold: #9a7b2e;
  --gold-soft: #f0ead9;

  /* Shadows — soft, layered */
  --shadow-sm: 0 1px 2px rgba(27, 24, 21, 0.05);
  --shadow: 0 1px 2px rgba(27, 24, 21, 0.04), 0 10px 34px rgba(27, 24, 21, 0.07);
  --shadow-lg: 0 2px 4px rgba(27, 24, 21, 0.05), 0 24px 60px rgba(27, 24, 21, 0.12);

  /* Type families */
  --serif: "Fraunces", Georgia, serif;
  --sans: "Hanken Grotesk", system-ui, sans-serif;
  --mono: "Spline Sans Mono", ui-monospace, monospace;

  /* Radii */
  --r: 14px;
  --r-sm: 9px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur: 160ms;
}