/*
 * Design tokens — Pottery Studio Management.
 *
 * Lifted from .design-docs/LAYOUTS_PROTOTYPE.html. These are the *defaults*;
 * a tenant's Branding row may override any subset via a <style> block
 * rendered into the page <head>. Tailwind classes resolve through these
 * variables, so no per-tenant rebuild is needed.
 *
 * See FRONTEND_BUILD.md "Design tokens" and "Per-tenant theming" for the
 * full theming mechanism.
 */
:root {
  --cream: #faf6f0;
  --cream-2: #f3ecdf;
  --charcoal: #2d2a26;
  --charcoal-2: #524c44;
  --terracotta: #c2674c;   /* primary */
  --clay: #a8553a;         /* primary-hover, accent-text */
  --sage: #7a8b6f;         /* success */
  --kiln: #e07a3e;         /* hot/active states, firing badges */
  --kiln-soft: #f5d4ba;
  --slate: #e8e3da;        /* borders, dividers */
  --slate-2: #d5cebf;
  --cool: #6b8294;         /* info */
  --rose-dim: #c08a87;     /* warn-soft, parent-context banner */

  /* Pill background/foreground pairs (kept WCAG-friendly against the cream BG). */
  --pill-sage-bg: #e3ead9;
  --pill-sage-fg: #4f6043;
  --pill-kiln-bg: var(--kiln-soft);
  --pill-kiln-fg: #8a3e10;
  --pill-cool-bg: #dde6ec;
  --pill-cool-fg: #2f4a5b;
  --pill-rose-bg: #ecd5d2;
  --pill-rose-fg: #7a3a36;
  --pill-clay-bg: #ead3c8;
  --pill-clay-fg: #6e3621;
}

html, body {
  background: var(--cream);
  color: var(--charcoal);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.font-display {
  font-family: "Iowan Old Style", "Palatino", "Georgia", serif;
  letter-spacing: -0.01em;
}
