/* =============================================================================
   1891 Tree — theme tokens
   =============================================================================
   Local copy of `shared/design-system/tokens.css` with the tree-specific
   `--c-bloom` slot overridden + tree-namespaced tokens added.

   Namespace rule: every shared token is `--c-*`. Every project-local token is
   `--1891-tree-*`. Don't edit the shared block — override it via :root.
   ============================================================================= */

:root {
  /* ---- Shared neutrals --------------------------------------------------- */
  --c-ink:        #111418;
  --c-ink-soft:   #3a3f47;
  --c-fog:        #6b7280;
  --c-line:       #e4e7eb;
  --c-paper:      #ffffff;
  --c-paper-warm: #faf8f4;

  /* ---- Brand: 1891 Tree override ---------------------------------------- */
  --c-bloom:        #2f3b2a;  /* deep oak (aliased to --1891-tree-ink) */
  --c-bloom-soft:   #6f8264;  /* moss */
  --c-accent:       #c08a3e;  /* warm amber (aliased to --1891-tree-bloom) */

  --1891-tree-ink:   #2f3b2a; /* deep green-black (oak) */
  --1891-tree-bloom: #c08a3e; /* warm amber (paper, photo edges) */
  --1891-tree-fog:   #f5efe2; /* soft cream */
  --1891-tree-moss:  #6f8264; /* moss accent (hover, secondary) */
  --1891-tree-rust:  #8a4a2a; /* rust accent (rare; used for the "private" pill) */

  /* ---- Semantic --------------------------------------------------------- */
  --c-ok:    #3a6a2e;
  --c-warn:  #b87b1a;
  --c-err:   #8a2a1a;
  --c-info:  #2a5f6c;

  /* ---- Spacing ---------------------------------------------------------- */
  --c-space-0:  0;
  --c-space-1:  4px;
  --c-space-2:  8px;
  --c-space-3:  12px;
  --c-space-4:  16px;
  --c-space-5:  24px;
  --c-space-6:  32px;
  --c-space-7:  48px;
  --c-space-8:  64px;
  --c-space-9:  96px;

  /* ---- Type ------------------------------------------------------------- */
  --c-font-sans:   "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
                   "Helvetica Neue", Arial, sans-serif;
  --c-font-serif:  "Iowan Old Style", "Charter", Georgia, serif;
  --c-font-mono:   ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --c-text-xs:   0.75rem;
  --c-text-sm:   0.875rem;
  --c-text-md:   1rem;
  --c-text-lg:   1.25rem;
  --c-text-xl:   1.5625rem;
  --c-text-2xl:  1.953rem;
  --c-text-3xl:  2.441rem;
  --c-text-4xl:  3.052rem;
  --c-text-5xl:  3.815rem;

  --c-leading-tight:  1.2;
  --c-leading-normal: 1.5;
  --c-leading-loose:  1.7;

  /* ---- Radius + elevation ---------------------------------------------- */
  --c-radius-sm:   4px;
  --c-radius-md:   8px;
  --c-radius-lg:   16px;
  --c-radius-pill: 999px;

  --c-shadow-sm: 0 1px 2px rgba(47, 59, 42, 0.08);
  --c-shadow-md: 0 4px 12px rgba(47, 59, 42, 0.10);
  --c-shadow-lg: 0 12px 32px rgba(47, 59, 42, 0.14);

  /* ---- Layout ---------------------------------------------------------- */
  --c-container-max: 1100px;
  --c-container-pad: var(--c-space-5);

  /* ---- Motion ---------------------------------------------------------- */
  --c-ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --c-ease-in:    cubic-bezier(0.4, 0, 1, 1);
  --c-duration-fast:   120ms;
  --c-duration-normal: 220ms;
  --c-duration-slow:   400ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --c-duration-fast:   0ms;
    --c-duration-normal: 0ms;
    --c-duration-slow:   0ms;
  }
}