/*
 * theme.css — WRITTEN BY THE PLATFORM. Do not edit.
 *
 * Palette: Your colours (custom)
 * Source colours: #180c07 #3c2c22 #faf3ec #a8532f #9c563a #ffffff
 *
 * Every value below is either one of those five or derived from them, and each
 * one is contrast-corrected against this palette's own background. Consume
 * them with var(--token); never write a colour value in app code.
 */

:root {
  --canvas: #faf3ec;
  --surface: #fdfaf6;
  --surface-2: #efe7e1;
  --border: #dad3cc;
  --border-strong: #b6aea7;
  --ink: #3c2c22;
  --muted: #736962;
  --accent: #a8532f;
  --accent-hover: #8f4728;
  --accent-ink: #ffffff;
  --accent-text: #9c563a;
  --accent-strong: #9b4c2b;
  --accent-soft: #efddd2;
  --accent-border: #d5ab97;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dfe5d7;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f2e0d1;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f2d9d3;
  --danger-strong: #b91c1c;}

/* ====================================================================
 * Commonweal — warm, hopeful, paper-and-ink mutual aid board.
 *
 * Character: soft rounded corners, generous space, a slightly slower
 * hand than a typical dashboard — this is a place people read stories,
 * not a table of rows. Colour still comes only from the owner's tokens
 * (theme.css); everything below retunes shape, space, depth and motion.
 * ==================================================================== */

:root {
  /* Rounder than the default floor — friendly, paper-cut corners rather
     than software corners. */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;

  /* A touch more breathing room throughout — whitespace is the cheapest
     way this app earns its "generous" brief. */
  --s-5: 22px;
  --s-6: 28px;
  --s-8: 40px;

  /* Slightly larger, calmer type ramp for the headline moments. */
  --t-3xl: 2rem;
  --t-4xl: 2.5rem;

  /* A softer, warmer shadow than the system default flat card. */
  --shadow: 0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent), 0 1px 1px color-mix(in srgb, var(--ink) 4%, transparent);
  --shadow-raised: 0 12px 28px -8px color-mix(in srgb, var(--ink) 18%, transparent);

  /* Unhurried motion to match the tone of the copy. */
  --dur-2: 220ms;

  --content-max: 1180px;
}

/* ---- Page texture ---------------------------------------------------
   A faint warm wash behind the whole app, so the canvas itself reads as
   paper rather than a flat colour fill. */
body {
  background-image:
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 45%),
    radial-gradient(circle at 88% 92%, color-mix(in srgb, var(--primary) 6%, transparent), transparent 40%);
  background-attachment: fixed;
}

/* ---- Accordion summary marker reads as a small plus/minus, quieter
   than the default chevron, fitting the stationery feel ---------------- */
.acc-head {
  font-size: var(--t-sm);
}

/* ---- Hero band: soften the corner radius further for the one big
   gesture on the page ---------------------------------------------------- */
.page > .rounded-2xl:first-child {
  border-radius: var(--radius-lg);
}

/* ---- Mobile: keep the filter grid and field-rows from ever forcing
   horizontal scroll on a narrow phone ------------------------------------ */
@media (max-width: 480px) {
  .page { padding-inline: var(--s-4); }
  .stat-value { font-size: var(--t-2xl); }
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms; transition-duration: 0.01ms; }
}