:root {
  /* Brand Theme - 7:2:1 Rule */
  --color-dominant: #fdf8f5;
  --color-secondary: #fbeee6;
  --color-accent: #914524;
  
  /* Neutral palette */
  --color-text-main: #44403c;
  --color-text-muted: #78716c;
  --color-border: #e7e5e4;
}

[x-cloak] {
  display: none !important;
}

/* Common Utility Components */
.flex-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.text-muted-sm {
  font-size: 0.875rem;
  color: var(--color-text-muted);
}

.badge-stone {
  padding: 0.25rem 0.75rem;
  background-color: #f5f5f4;
  border-radius: 9999px;
}