/*
 * Nura design tokens.
 *
 * Copied verbatim from the :root block of preview/index.html, which is the
 * version the client approved on 2026-08-22. Do not retype or "tidy" these
 * values. If a token changes here it must change in the preview too, until
 * Phase 6 archives the preview and this becomes the only copy.
 *
 * The colours are duplicated in theme.json so the block editor's colour picker
 * offers the same palette. Both files have to agree.
 *
 * Phase 3 ports the component CSS from the preview into this directory
 * alongside this file. Right now this is tokens only.
 */

:root {
  /* Colour. Roles are documented in README.md under Design system. */
  --cream: #FAF6F0;
  --sand: #EFE6DA;
  --sand-deep: #E3D6C6;
  --espresso: #2E2620;
  --espresso-soft: #5A4E44;
  --olive: #7C8B6B;
  --olive-deep: #637153;
  --terracotta: #C08457;
  --terracotta-deep: #A96D42;
  --rose: #D9BFB0;

  --line: rgba(46, 38, 32, .14);
  --shadow: 0 18px 40px -24px rgba(46, 38, 32, .45);

  /* Layout. Fluid values, so there is no breakpoint-by-breakpoint override. */
  --wrap: 1240px;
  --pad: clamp(20px, 5vw, 56px);
  --gap: clamp(16px, 2.2vw, 28px);
  --section: clamp(56px, 8vw, 104px);

  --ease: cubic-bezier(.22, .61, .36, 1);
}