/* Imaut "warm" theme — layered on top of broadsheet.css. Redefines the shared design
   tokens (font, colors, shapes) that the component rules in broadsheet.css already read
   from var(--...), so linking this file after it re-skins every component automatically. */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
  --font-heading: "Public Sans", -apple-system, "Segoe UI", Helvetica, sans-serif;
  --font-heading-weight: 600;
  --font-body: "Public Sans", -apple-system, "Segoe UI", Helvetica, sans-serif;

  --color-bg: #fbf8f4;
  --color-surface: #ffffff;
  --color-divider: rgba(32, 30, 29, .18);
}

h1, h2, h3, h4, h5, h6 { letter-spacing: 0; }

.btn {
  border-radius: 999px;
  min-height: 48px;
  padding: 12px 24px;
  font-weight: 600;
}
.btn-icon { border-radius: 999px; width: 48px; height: 48px; }
.btn-ghost { padding-inline: 10px; }

.tag {
  border-radius: 999px;
  padding: 12px 20px;
  font-size: 16px;
}

.field > label { font-size: 15px; margin-bottom: 6px; color: rgba(32, 30, 29, .68); }
.input {
  border-radius: 10px;
  min-height: 48px;
  padding: 10px 16px;
  font-size: 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-divider);
}

.card { border-radius: 20px; background: var(--color-surface); padding: 22px; }

.seg { border-radius: 999px; }

.dialog { border-radius: 20px; background: var(--color-surface); }
.dialog-title { font-size: 22px; }

.table th { font-family: var(--font-body); }