/**
 * Fila-inspired tokens for top-nav shell (R9-1).
 * Full style.css is NOT loaded globally — it assumes a left sidebar layout.
 */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");

:root {
  --fila-primary: #605dff;
  --fila-body-bg: #f6f7f9;
  --fila-card-radius: 10px;
  --fila-border: #e5e7eb;
  --fila-text: #152536;
  --fila-muted: #64748b;
  --app-brand: #12395f;
  --app-brand-2: #1f6fb2;
}

body.app-shell {
  font-family: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  background: var(--fila-body-bg);
  color: var(--fila-text);
  min-height: 100vh;
}

.app-main {
  min-height: calc(100vh - 220px);
}

.app-card {
  background: #fff;
  border: 1px solid var(--fila-border);
  border-radius: var(--fila-card-radius);
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

.rounded-10 {
  border-radius: 10px !important;
}

.p-20 {
  padding: 20px !important;
}