:root {
  --ami-radius-sm: 8px;
  --ami-radius-md: 14px;
  --ami-radius-lg: 18px;

  --ami-bg: #f6f7fb;
  --ami-surface: #ffffff;
  --ami-text: #1b1f2a;
  --ami-muted: #6b7280;
  --ami-border: #e5e7eb;

  --ami-primary: #4f46e5;

  --ami-shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --ami-shadow-md: 0 10px 25px rgba(0,0,0,0.08);

  --ami-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body {
  font-family: var(--ami-font);
}

/* CARD */
.ami-card {
  background: var(--ami-surface);
  border-radius: var(--ami-radius-md);
  box-shadow: var(--ami-shadow-md);
  padding: 16px;
  border: 1px solid var(--ami-border);
}

/* BUTTON */
.ami-button {
  background: var(--ami-primary);
  color: white;
  border: none;
  padding: 10px 14px;
  border-radius: var(--ami-radius-md);
  cursor: pointer;
  font-weight: 600;
}

.ami-button:hover {
  filter: brightness(0.95);
}

/* INPUT */
.ami-input {
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--ami-radius-md);
  border: 1px solid var(--ami-border);
  font: inherit;
  background: white;
}

/* OPTIONAL LAYOUT HELPERS */
.ami-stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}