/* Hatod-Sugat design tokens
   Ink console (driver/admin) + paper passenger screen, one amber accent. */

:root {
  --ink: #121212;
  --ink-raised: #1c1c1c;
  --ink-line: #333333;
  --paper: #f5f3ec;
  --paper-raised: #ffffff;
  --paper-line: #ded9c9;
  --ink-text: #f2f0e9;
  --ink-text-dim: #9a988f;
  --paper-text: #121212;
  --paper-text-dim: #6b6858;

  --amber: #ff7a1a;
  --amber-dim: #c25b0f;
  --leaf: #bfe3b0;
  --leaf-text: #26451c;
  --brick: #b23a2e;

  --font-head: 'Space Grotesk', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --radius: 4px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--font-head);
  margin: 0;
  font-weight: 600;
  letter-spacing: -0.01em;
}

button {
  font-family: var(--font-body);
  cursor: pointer;
  border: none;
}
button:focus-visible, input:focus-visible, a:focus-visible {
  outline: 2px solid var(--amber);
  outline-offset: 2px;
}

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

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}

.wordmark {
  font-family: var(--font-head);
  font-weight: 700;
  font-size: 1.1rem;
}
.wordmark .accent { color: var(--amber); }

.status-pill {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
}
.status-pill.requested { background: rgba(255,122,26,0.16); color: var(--amber); }
.status-pill.accepted, .status-pill.arrived, .status-pill.in_progress { background: rgba(255,122,26,0.16); color: var(--amber); }
.status-pill.completed { background: rgba(191,227,176,0.9); color: var(--leaf-text); }
.status-pill.cancelled, .status-pill.rejected { background: rgba(178,58,46,0.14); color: var(--brick); }
.status-pill.pending { background: rgba(154,152,143,0.2); color: var(--paper-text-dim); }