/* Reknew Merchant Hub — layout helpers */

/* Brand tokens — overrides BaseCoat defaults */
:root {
  --primary:            oklch(0.55 0.17 250);
  --primary-foreground: oklch(0.985 0 0);
  --ring:               oklch(0.68 0.14 250);
  --font-sans:          'Plus Jakarta Sans', sans-serif;
}

/* Center a card/form vertically in the space below the nav */
.page-center {
  height: calc(100vh - 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  overflow-y: auto;
}

/* Width constraints for content areas */
.page-container    { width: 100%; max-width: 480px; }
.page-container-md { width: 100%; max-width: 720px; }
.page-container-lg {
  width: 100%;
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}